浅谈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]方法：

[javascript]  view plain  copy

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

②　get(index)方法：

[javascript]  view plain  copy

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

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

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

[javascript]  view plain  copy

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