浅谈jQuery对象和DOM对象

DOM对象是原生JavaScript获得的对象，可以使用原生JavaScript的方法，但不能使用jQuery的方法。

 

jQuery对象是用jQuery的$选择器获得的对象，是通过jQuery包装DOM对象后产生的对象，是jQuery独有的，可以使用jQuery的方法，但不能使用DOM的方法。

 

 

jQuery对象和DOM对象的相互转换：

 

1) jQuery对象转换成DOM对象：

 

由于jQuery对象是一个数组对象，因此[index]和get(index)两种方法都能将jQuery对象转换成DOM对象。

 

①　[index]方法：

 

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

②　get(index)方法：

 

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

 

 

2) DOM对象转换成jQuery对象：

 

只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了，方法为$(DOM对象)。

 

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