jQuery对象和DOM对象的区别

来源:互联网 发布:淘宝卖衣服挣钱吗 编辑:程序博客网 时间:2024/06/05 12:39

jQuery对象中无法使用DOM对象的任何方法,反之亦然。


用#id作为选择符取得的是jQuery对象而并非document.getElementById("id")所得到的DOM对象,两者并不等价。


jQuery对象转成DOM对象

jQuery对象不能使用DOM中的方法,但如果对jQuery对象说提供的方法不熟悉,或者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对象了。
var cr = document.getElementById("cr"); //dom对象
var $cr = $(cr); //jquery对象

转换后,可以任意使用jQuery中的方法


平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂