jQuery對象:就是通過jQuery包裝DOM對象后產(chǎn)生的對象嫉髓。是其獨(dú)有的,可以使用jQuery中所有的方法糯钙。
????????$("div");//標(biāo)簽選擇器返回的jquery對象碟婆。
????????$("#btnShowDiv");//id選擇器返回的jquery對象。
????????var $obj = $("div");$obj.html("jquery對象設(shè)置文本的方法");
????????$obj.show();//jquery對象顯示文本
????????$obj.click(function() {});//jquery對象綁定事件
jQuery對象只能使用jquery對象的方法
DOM對象:使用JS中的方法獲取頁面中的元素返回的對象就是DOM對象进泼。
eg:var btn =document.getElementById("btnShowDiv");
? ? ? ? var divs =document.getElementsByTagName("div");
? ? ? ? ?domObject.innerHTML ="dom對象設(shè)置文本";
? ? ? ? ?domObject.style.display="block";//dom對象顯示對象
? ? ? ? ?domObject.onclick =function() {}//dom對象綁定事件
DOM對象只可以使用DOM對象的方法和屬性
jQuery對象和DOM對象的相互轉(zhuǎn)換
1.jQuery對象轉(zhuǎn)DOM對象
var $li = $("li");
$li[0] ?-----第一種方法
$li.get(0)----第二種方法
--其實(shí)jQuery對象轉(zhuǎn)DOM對象的實(shí)質(zhì)就是取出jQuery對象中封裝的DOM對象蔗衡。
2.DOM對象轉(zhuǎn)jQuery對象
對于已經(jīng)是一個(gè)DOM對象,只需要用$()把DOM對象包裝起來--$(DOM對象)乳绕,就可以獲得一個(gè)jQuery對象了绞惦。
eg:var lis=document.getElementsByTagName("li");----//DOM對象
var $li=$(lis)--//jQuery對象
轉(zhuǎn)換之后就可以使用jQuery的方法了