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

1.jQuery对象转成DOM对象

jQuery对象不能使用DOM中的方法，但如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不使用DOM对象的时候，有以下两种处理方法。

jQuery提供了两种方法将一个jQuery对象转换成DOM对象，即 [index] 和 get(index)。

（1）jQuery对象是一个类似数组的对象，可以通过 [index] 的方式得到相应的DOM对象。

代码如下：

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

（2）另一种方式是jQuery本身提供的，通过get(index)方法得到相应的DOM对象。

代码如下：

    var $theCheckbox = $('#theCheckbox');//jQuery对象
    var theCheckbox = $theCheckbox.get(0);//DOM对象
    alert(theCheckbox.checked);//检测这个checkbox是否被选中了

2.DOM对象转换成jQuery对象

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

代码如下：

    var theCheckbox = document.getElementById('theCheckbox');//DOM对象
    var $theCheckbox = $(theCheckbox);//jQuery对象

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

通过以上方式，可以任意的转换jQuery对象和DOM对象。

DOM对象才能使用DOM中的方法，jQuery对象不可以使用DOM中的方法。但jQuery对象提供了一套更加完善的工具用于操作DOM。