jQuery对象与dom对象相互转换

jQuery选择器得到的jQuery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型。如$('#id')得到的是jQuery对象，它不能使用js总的dom方法。因此，jQuery对象如果需要使用标准的dom方法，就需要进行对象转换。

jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，只能使用jQuery里的方法。

 

jQuery对象转换成DOM对象

将jQuery对象转换成DOM对象有以下两种方式：

（1）jQuery对象是一个数据对象，可以通过[index]形式的方法，来得到相应的DOM对象。

  如：

var $v = $("#v"); // jQuery对象
var v = $v[0]; // DOM对象
alert(v.checked); // 检测这个checkbox是否被选中

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

var $v = $("#v"); // jQuery对象
var v = $v.get(0); // DOM对象
alert(v.checked) // 检测这个checkbox是否被击中

DOM对象转换成jQuery对象

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

如：

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

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

 

注意：

DOM对象只能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。