jQuery对象和DOM对象的区别

jQuery对象和DOM对象的区别

1.它们的不同

DOM对象就是我们用JavaScript获得的对象，jQuery对象是用jQuery的选择器获得的对象，例如：

var  obj=document.getElementById("id");//DOM对象
var  $obj=$("#id");//jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象只能用jQuery的方法，比如.html()等，不能用DOM对象的方法，$("#id").html()就不对。

2.它们的转换

虽然两种对象不能使用对方的方法，但是它们可以互相转换。
(1)jQuery对象装换为DOM对象
有两种方法将一个jQuery对象转换成DOM对象，即[index]和get(index).

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

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

(2)DOM对象转换为jQuery对象
对于一个dom对象，用$()把DOM对象包装起来就是一个jQuery对象。

var a=document.getElementById("a");//DOM对象
var $a=$(a);//DOM对象