JQuery和Dom互换规则

1,JQuery转换成DOM对象

JQuery对象不能使用DOM的方法，但是对JQuery对象所提供的方法不熟悉，或者JQuery没有封装想要的方法，不得不使用DOM对象的时候，以下有两种解决办法。

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

(1)JQuery对象是一个类似于数组的对象，可以通过[index]的方法获取相应的DOM对象

  JQuery对象如下：

  var $cr  =   $(“#cr”);    //JQuery对象

  var cr   =   $cr[0]; //DOM对象

  alert(cr.checked());       //检测这个checkbox是否是选中

(2)另一种方法是JQuery对象自己提供的，通过get(index)得到相应的DOM对象

  JQuery代码如下：

  var $cr  =   $(“#cr”);    //JQuery对象

  var cr   = $cr.get(0); //DOM对象

  alert(cr.checked());       //检测这个checkbox是否是选中

 

2,DOM对象转换成JQuery对象

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

JQuery方法如下：

var cr=document.getelementById(“cr”);  //DOM对象

Var $cr =$(cr); //JQuery对象

转换后可以任意使用JQuery对象

通过以上方法可以任意的转换JQuery对象和DOM对象