jQuery---jQuery对象与DOM对象的区别

jQuery对象与DOM对象的区别

 

1. DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。
2. jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
3. jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合（伪数组））
4. DOM对象与jQuery对象的方法不能混用。

      5. 联系：

      DOM--> jQuery  $()

      jQuery--> DOM  $li[0]  $li.get(0)

 

 

 

 

 

      //1. 什么是DOM对象(js对象): 使用js的方式获取到的元素就是js对象（DOM对象）
      var cloth = document.getElementById("cloth");
      cloth.style.backgroundColor = "pink";

 

  <script>

    $(function () {

      //2. 什么是jq对象：使用jq的方式获取到的元素就是jq对象
      var $li = $("li");
      console.log($li);
      $li.text("我改了内容");

    });


  </script>