浅谈jquery和DOM对象

转自：微点阅读   https://www.weidianyuedu.com

DOM对象

jquery对象

jquery对象    m.fn.init [input#input1, context: input#input1]

dom 对象    <input type="text" name="word" id="input1" οnkeyup="search(this)">

obj （即this）<input type="text" name="word" id="input1" οnkeyup="search(this)">

document.getElementById()和this是同一对象

jquery和dom对象互转

jquery加数组索引  就是dom元素。$(obj)[0]

dom元素加 $()就是jquery元素        $(document.getElementById())

function中$(obj)和$(this)获取对象的区别

在普通function中，$(this) 获取的是window对象。$(obj)获取本标签对象。

$("#id").click(function(){console.log($(this).val())})        $(this)一般在匿名函数中用

οnclick="getName(this)"

function getName(obj){$(obj).val()}            $(obj)用于获取当前标签

jquery和js绑定click点击对象

$("#id").click(function(){})

domcument.getElementById("id").οnclick=function(){};

jquery和js获取value text html

<input type="text" οnkeyup="searchWord(this)">

function searchWord(obj){undefined

obj.value;

$(obj).val();

<span οnclick="getWord(this)">郭<a>割</a>掳</span>

function getWord(obj){undefined

obj.innerHTML//有标签

obj.innerText//纯文本

$(obj).text();

$(obj).html();

}

在servlet打断点，没进来，说明前端页面错误