jquery对象和dom对象的区别以及转换方法

一、dom对象和jquery对象的区别

dom对象是通过javascript方法获取到的dom元素，只能使用javascript方法；

jquery对象是通过jquery方法获取到的dom元素，只能使用jquery方法；

二、定义变量的区别

var $elementName=jquery对象；

var elementName=dom对象；

三、jquery对象转换成dom对象方法如下

1）如果jquery对象是一个数组的话

 var $cr=$("#cr")；

         var cr=$cr[0]；

 alert(cr.checked) //检查这个元素是不是被选中了；

2）jquery提供的方法

var $cr=$("#cr")；

var cr=$cr.get(0);

alert(cr.checked) //检查这个元素是不是被选中了；

dom转换成jquery的方法只需要用$()把dom对象包装起来即可；如下：

var cr=document.getElementById("cr");

var $cr=$(cr);

转换实例如下：

$(document).ready(function(){
var $inputcheck=$(".inputcheck");
var inputcheck=$inputcheck.get(0);
$inputcheck.click(function(){
if(inputcheck.checked){ //用dom的方法来判断；
alert("谢谢您的支持！")
}
});
})

 $(document).ready(function(){
var $inputcheck=$(".inputcheck");
var inputcheck=$inputcheck.get(0);
$inputcheck.click(function(){
if($inputcheck.is(":checked")){ //用jquery的方法来判断；
alert("谢谢您的支持！")
}
});
})