jQuery对象:通过jQuery包装DOM对象后产生的对象。
注意:jQuery对象无法使用DOM对象的任何方法,同理,DOM对象也无法使用jQuery对象的任何方法。
所以涉及到转换:
其中DOM对象也包含了一些jQuery对象没有包含的成员,但总体来说,jQuery对象要丰富得多。
如果获取的对象是jQuery对象,在变量前加上$
var $variable=jQuery 对象;
获取的是DOM对象
var variable=DOM 对象;
jQuery对象转换成DOM对象
jQuery提供了两种方法将一个jQuery对象转换成一个DOM对象,即[index]和get(index)
(1)jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象
var $txtName=$("#txtName"); //jQuery对象
var txtName=$txtName[0]; //DOM对象
alert(txtName.checked);//checked和innerHTML都是DOM对象的方法
(2)通过get(index)方法得到相应的DOM对象
var $txtName=$("#txtName"); //jQuery对象
var txtName=$txtName.get(0); //DOM对象
alert(txtName.checked);
jQuery对象转成DOM对象并不多见(在实际开发中),但是有些情况:如outerHTML属性,通过该属性可以输出相应的DOM元素的完整的HTML代码,而jQuery没有直接提供该功能。
DOM对象转换成jQuery对象
对于一个DOM对象,只需要$()函数将DOM对象包装起来,就可以获得一个jQuery对象。
$(DOM对象);
var txtName=document.getElementById("txtName"); //DOM对象
var $txtName=$(txtName); //jQuery对象
注意:DOM对象只能使用DOM中的方法,jQuery对象不可以直接使用DOM对象中的方法