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

1.jQuery对象转换为DOM对象

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

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

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

jQuery代码如下：

<script>
     var $cr=$('#cr');           //jQuery对象
     var cr=$('#cr')[0];         //DOM对象
     alert(cr.checked);        //用DOM方式检测这个对象是否被选中了
</script>

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

jQuery代码如下：

<script>
     var $cr=$('#cr');           //jQuery对象
     var cr=$('#cr').get(0);         //DOM对象
     alert(cr.checked);        //用DOM方式检测这个对象是否被选中了
</script>

2.DOM对象转换为jQuery对象

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

jQuery代码如下：

 <script>
     var cr=document.getElementById('cr');     //DOM对象
     var $cr=$(cr);         //jQuery对象
 </script>

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

通过以上方法，可以任意地相互转换jQuery对象和DOM对象。

需要注意的是：DOM对象才能使用DOM中的方法，jQuery对象不能使用DOM中的方法。