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对象的制造工厂