1. 程式人生 > >jQuery物件和DOM物件的區別和聯絡

jQuery物件和DOM物件的區別和聯絡

最近看jQuery,對哪些是jQuery物件,哪些是DOM物件的概念有些模糊,下面簡單總結一下學習筆記。

概念

$("#test").html()意思是指:獲取ID為test的元素內的html程式碼。其中html()是jQuery裡的方法。這段程式碼等同於用DOM實現程式碼:document.getElementById("id").innerHTML;

jQuery物件轉成DOM物件

兩種轉換方式將一個jQuery物件轉換成DOM物件:[index]和.get(index);
(1)jQuery物件是一個數據物件,可以通過[index]的方法,來得到相應的DOM物件,如:

var $div =$("div") ; //jQuery物件
var div=$div[0]; //DOM物件

(2)jQuery本身提供,通過.get(index)方法,得到相應的DOM物件,如:

var $div=$("div"); //jQuery物件
var div=$div.get(0); //DOM物件

DOM物件轉成jQuery物件:

對於已經是一個DOM物件,只需要用$()把DOM物件包裝起來,就可以獲得一個jQuery物件了。如:

var otest=document.getElementById("test"); //DOM物件
var $test=$(otest); //jQuery物件

轉換後,就可以任意使用jQuery的方法了。

總結

通過以上方法,可以任意的相互轉換jQuery物件和DOM物件。需要再強調注意的是:DOM物件才能使用DOM中的方法,jQuery物件是不可以用DOM中的方法。