jQuery對象:就是通過jQuery包裝DOM對象后產生的對象。是其獨有的,可以使用jQuery中所有的方法。
????????$("div");//標簽選擇器返回的jquery對象。
????????$("#btnShowDiv");//id選擇器返回的jquery對象。
????????var $obj = $("div");$obj.html("jquery對象設置文本的方法");
????????$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對象設置文本";
? ? ? ? ?domObject.style.display="block";//dom對象顯示對象
? ? ? ? ?domObject.onclick =function() {}//dom對象綁定事件
DOM對象只可以使用DOM對象的方法和屬性
jQuery對象和DOM對象的相互轉換
1.jQuery對象轉DOM對象
var $li = $("li");
$li[0] ?-----第一種方法
$li.get(0)----第二種方法
--其實jQuery對象轉DOM對象的實質就是取出jQuery對象中封裝的DOM對象。
2.DOM對象轉jQuery對象
對于已經是一個DOM對象,只需要用$()把DOM對象包裝起來--$(DOM對象),就可以獲得一個jQuery對象了。
eg:var lis=document.getElementsByTagName("li");----//DOM對象
var $li=$(lis)--//jQuery對象
轉換之后就可以使用jQuery的方法了