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()

BiaoDoo·智慧测试 | 让软件更可靠

本站声明：内容源自https://blog.csdn.net/J__Max/article/details/83420639（）