jQuery对象和DOM对象的区别和联系

最近看jQuery，对哪些是jQuery对象，哪些是DOM对象的概念有些模糊，下面简单总结一下学习笔记。

概念

$("#test").html()

意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法。这段代码等同于用DOM实现代码：

document.getElementById("id").innerHTML;

jQuery对象转成DOM对象

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象，如：

var $div =$("div") ; //jQuery对象
var div=$div[0]; //DOM对象

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象，如：

var $div=$("div"); //jQuery对象
var div=$div.get(0); //DOM对象

DOM对象转成jQuery对象:

对于已经是一个DOM对象，只需要用

$()

把DOM对象包装起来，就可以获得一个jQuery对象了。如：

var otest=document.getElementById("test"); //DOM对象
var $test=$(otest); //jQuery对象

转换后，就可以任意使用jQuery的方法了。

总结

通过以上方法，可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是：DOM对象才能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。