jQuery基础之DOM和jQuery之间的转换

引言：

Jquery对象：通过Jquery包装DOM对象后产生的对象。

DOM对象不可使用jQuery对象的方法。同理jQuery对象也不可使用DOM对象的方法。

例如：：

$("#foo").html();//这是jQuery对象的使用

它的功能等同于：

document.getElementById("foo").innerHTML;//DOM对象的方法

一，jQuery对象转成DOM对象

第一种方法：

var $text = $("#text");//取得页面上id为cr的元素，返回jQuery对象

var text = $text[0];//jQuery对象转成DOM对象

第二种方法：(通过get()方法)

var $text = $("#text");

var text = $text.get(0);

二，DOM对象转成jQuery对象

var text = document.getElementById("text");//DOM对象

var $text = $(text); //转为jQuery对象

三，实例

HTML：

<input type="checkbox" id="text" /><label for="text">我已经阅读了上面的制度</label>

JS:

使用DOM判断checkbox是否选中：

$(document).ready(function(){

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

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

$text.click(function(){

if(text.checked){

alert("感谢你的支持！");

}

})

});

使用jQuery判断checkbox是否选中：

$(document).ready(function(){

var $text = $("#text");

$text.click(function(){

if($text.is(":checked")){ //使用jQuery对象的$.is();方法判断

alert("感谢你的支持");

}

})

});