学习JQuery要分辨出哪些是JQuery对象哪些是DOM对象。JQuery对象是通过JQuery包装DOM对象后产生的对象。JQuery对象是JQuery独有的。如果一个对象是JQuery对象,那么就可以使用JQuery的方法。在JQuery对象中无法使用DOM对象的任何方法。同样DOM对象也不能使用JQuery里的方法。
JQuery对象和DOM对象的相互转换。
JQuery对象->DOM对象
(1)通过[index]的方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr[0]; // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了
(2)通过get(index)方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr.get(0); // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了
DOM对象->JQuery对象
对于DOM对象只需要用$()把DOM对象包装起来,就可以获得一个JQuery对象了。方式为$(DOM对象)。
例:
var cr = document.getElementById("cr"); // DOM对象
var $cr = $(cr); // JQuery对象
转换后可以任意使用JQuery中的方法。
注:$()函数就是一个JQuery对象的制造工厂。
JQuery对象和DOM对象的相互转换。
JQuery对象->DOM对象
(1)通过[index]的方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr[0]; // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了
(2)通过get(index)方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr.get(0); // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了
DOM对象->JQuery对象
对于DOM对象只需要用$()把DOM对象包装起来,就可以获得一个JQuery对象了。方式为$(DOM对象)。
例:
var cr = document.getElementById("cr"); // DOM对象
var $cr = $(cr); // JQuery对象
转换后可以任意使用JQuery中的方法。
注:$()函数就是一个JQuery对象的制造工厂。