Jquery 对象与 DOM对象的相互转换

在做 web 开发时，经常会用到 jquery 和 dom 对象， 有时候需要在这两个对象间进行切换。

Jquery 对象

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

jQuery对象转成DOM对象：

1. 通过[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对象才能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。

总结

使用jquery时，有时需要使用原始DOM对象的方法，例如调用Activex控件的某些方法时，此时就需要将jquery对象转换为DOM对象，转换方法如下：

方法1： $("xxx")[index]
方法2：$("xxx").get(index)
方法3：$("xxx").eq(index)[0]