jQuery学习笔记之jQuery对象与DOM对象相互转化

jQuery对象转化成DOM对象

jQuery提供了两种方法将一个jQuery对象转化成DOM对象：[index]和get(index)

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

例如，

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

 

2、由jQuery本身提供的，通过get(index)方法得到相应的DOM对象

例如，

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

 

DOM对象转化成jQuery对象

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

例如，

var cr = document.getElementById("cr");//DOM对象
var $ct=$(cr);//jQuery对象 

 

     #id作为选择符取的的是jQuery对象而非documnet.getElementById（“id”）所得到的DOM对象，两者并不等价。

获取的对象是jQuery对象，那么在变量前面加上$用以区分。

     $("#ID")替代document.getElementById()函数，即通过ID获取元素。

     $("tagName")用来替代document.getElementByTagName()函数，即通过标签获取HTML元素。

     当用jQuery检查某个元素在网页上是否存在时，不能使用下面代码：

if($("#tt")){
//...
}

 而应该根据获取到元素的长度来判断：

if($("#tt").length > 0 ){
//...
}

 或者转化成DOM元素来判断

if($("#tt")[0] ){
//...
}