jQuery对象和DOM对象区别及其转换

jQuery对象是通过jQuery包装DOM对象后产生的对象。

DOM对象可以使用js中的方法

jQuery对象无法使用DOM对象中的方法；

举个例子：

$("#foo").html();//这个就是jquery的方法

等同于下面

document.getElementById("foo").innerHTML;//这个就是js方法；

1.jQuery对象转换成DOM对象

（1）jQuery对象是一个类似数组的对象，可以通过【index】和get（index）。

var $cr=$("#fd");//jQuery对象

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

（2）get(index)方法获得相应DOM对象

var $cr=$("#fd");//jQuery对象

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

2.DOM对象转换成jQuery对象

var cr=document.getElementById(‘cr‘);//DOM对象

var $cr=$(cr);//jQuery对象

注意：

　　$(‘#cr‘)获取的永远是对象，即使网页上没有这个元素。因此当要用jQuery检查某个元素是否在网页上存在时，不能直接用下面的代码：

　　if($(‘#cr‘)){

　　　　//do 　　

　　}

而应该根据获取得到的元素长度来判断，代码如下：

if($(‘#cr‘).length>0){//do}

或者转换成DOM对象来判断，代码如下：

if($("#cr")[0]){//do}