jquery对象和js对象

<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)
});