区别

image.png

jQuery对象的本质是什么？

jQuery对象的本质是DOM对象数组和jQuery提供的一系列功能函数

  1.  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  2.   <script type="text/javascript">
  3.     $(function (){
  4.       var arr = [12,"abc",true];
  5.       var $but = $("button");
  6.     });
  7.   </script>
  8. </head>
  9. <body>
  10.     <button>按钮1</button>
  11.     <button>按钮2</button>
  12.     <button>按钮3</button>
  13. </body>

image.png
image.png
从上图可见，$but是一个jQuery对象，它是由DOM对象数组和jQuery提供的一系列功能函数组成的

DOM对象和jQuery对象在使用上的区别

  1.  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  2.   <script type="text/javascript">
  3.     $(function (){
  4.       //DOM对象可操作的属性
  5.       document.getElementById("008").innerHTML="wdnmd";
  6.       //jQuery对象无法操作innerHTML属性
  7.       $("#008").innerHTML="wtf";
  8.       //二者只能使用自己的方法
  9.     })
  10.   </script>
  11. </head>
  12. <body>
  13.    <div id="008">helloWorld</div>
  14. </body>

DOM对象和jQuery对象的相互转换

image.png