版权声明:个人水平有限,表述不当或疏漏之处欢迎读者提问交流,共同进步! 作者: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()