版权声明：个人水平有限，表述不当或疏漏之处欢迎读者提问交流，共同进步！ 作者：J__Max 非商业转载请注明出处，商业转载请联系作者获得授权。 https://blog.csdn.net/J__Max/article/details/83420639
jQuery对象和DOM对象之间的区别以及转换方法
-
在实现<script>标签中的代码内容的时候，经常都会使用DOM对象和jQuery对象。当实现的对象多的时候就容易搞混，这里做一下总结
-
jQuery对象是包装DOM对象后产生的，但是它们之间并不能混用！DOM对象只能使用DOM方法，jQuery对象只能使用jQuery方法
-
专业建议：在jQuery对象的变量名前添加$符号，便于区别
DOM对象转换为jQuery对象
-
对一个DOM对象，使用$( )对其进行包装即可得到jQuery对象
-
例如：
var header = document.getElementById("content"); //DOM对象
var $header = $(header); //转换成jQuery对象
- 转换成jQuery对象后，就能够尽情地使用jQuery的各种方法了
jQuery对象转换为DOM对象
- (1)其实可以把jQuery对象当作一个“类数组对象”，因为能够使用[index]方法得到对应的DOM对象，例如：
var $content = $("#content"); //得到jQuery对象
var content = $content[0]; //对应的DOM对象
- (2)jQuery还提供了get(index)方法来获得对应的DOM对象，例如：
var $content = $("#content"); //得到jQuery对象
var content = $content.get(0); //对应的DOM对象
下面几种方法都是正确的，经过比较会熟悉掌握它们之间的区别
$("#div").html();
$("#div")[0].innerTHML;
$("#div").eq(0)[0].innerHTML;
$("#div").get(0).innerHTML;
$(document.getElementById("div")).html()