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>