jQuery和DOM对象的相互转化
如果想获取的对象时jQuery对象,那么在变量前面加上$例如;
var $variable=jQuery对象
如果想获取的是DOM对象
var variable=DOM对象
1.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");
var cr=$cr.get(0);
alert(cr.checked);
DOM对象转化为jQuery对象
对一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了,方法为$(DOM对象)
var cr=document.getElementById("cr");
var $cr=$(cr);
实例研究:
<input type="checkbox" id="cr"/><label for="cr">我应经阅读了上面制度</label>
1.$(document).ready(function(){//等待DOM元素加载完毕
//jQuery对象
var $cr=$("#cr");
var cr=$cr[0];
$cr.click(function(){
if(cr.checked){//DOM 方式操作
alert("感谢你的支持!");
}
})
})
2.$(document).ready(function(){
var $cr=$("#cr");
$cr.click(function(){
if("$cr.is(":checked")"){//jQuery方法判断
alert("感谢你的支持!");
}
})
})