<ul id="ul1">
<li id="li_1">01</li>
<li>02</li>
<li>03</li>
<li>04</li>
<li>05</li>
</ul>
一、定义
jquery对象是通过jquery包装dom对象后产生的对象,适用所有jquery方法,但是不适用js方法;
js对象是通过getElemntById或getElementsByTagName获取的dom对象,适用js方法,但是不适用jquery方法.
例如:$("#li_1").text()
document.getElementById("li_1").innerText;
注:如果用js方法调用jquery方法,或报错"XX.XX不是一个function"
例如:$("#li_1").innerHTML;(报错)
二、相互转化
1.js对象转化为jquery对象,适用$("el")方法即可;
例如:$( document.getElementById("li_1"))
3.jquery对象转化为js对象
注:首先这里明确jquery对象可以理解为一个数据,要转化为js对象就是要把数组的元素取出来,单独处理;
方法一:适用[i] ,
例如:$("#li_1")[0]
方法二:get(i)
方法三:使用遍历each()或$.each()
使用each()方法,each内的this和el参数指代的是js对象
$("#ul1 li").each(function(i,el){
alert(this.innerText)
});
或
$("#ul1 li").each(function(i,el){
alert(el.innerText)
})
或
$("#ul1 li").each(function(i,el){
alert($(el).text())
})
使用$.each()同上
$.each($("#ul1 li"), function(i,el) {
alert(el.innerHTML)
});