####jQuery对象转DOM对象
jQuery 提供了两种方法将一个 jQuery对象转换成 DOM对象, 即[index]
和 get ( index )
。
// 1、jQuery对象是一个数组对象, 可以通过[index]的方法得到相应的 DOM对象。
var $er = $('#er'); //这是jq获取到的jq对象
var er = $er[0]; //转换为了Dom对象
// 2、另一种方法是jQue可本身提供的, 通过 get(index)方法得到相应的DOM 对象。 jQuery 代码如下:
var $er = $('#er'); //jq对象
var er = $er.get[0]; //dom对象
####DOM对象转jQuery对象
对于一个DOM对象,只需要用$()
把DOM对象包装起来,就可以获得一个jQuery对象,方法为$(DOM对象)
var er = document.getElementById('er'); //DOM对象
var $er = $(er); //jQuery 对象
最后再次强调, DOM 对象才能使用 DOM 中的方法, jQuery 对象不可以使用 DOM 中的 方法 。但是jQuery对象提供了一套更加完善的工具操作DOM对象
下面两个例子深刻了解一下这两个东东
$(document).ready(function() {//等待dom元素加载完成
var $cr = $ ("#cr");//jquery对象
var er = $cr[0];//dom对象
$er.click(function() {
if (cr.checked) {//dom方式判断
alert("哈");
}
});
})
$(document).ready(function() {//等待dom元素加载完成
var $cr = $ ("#cr");//jquery对象
// var er = $cr[0];//dom对象
$er.click(function() {
if ($cr.is(":checked")) {//jquery方式判断
alert("哈");
}
});
})
至此,是不是觉得有点意思了呢,我本人原来不懂这个东东,然后看别人代码有这两个东东当时还挺不理解的,最近在研究《锋利的jQuery这本书》。嗯,我比较菜,所以要加倍的学习!!!