jQuery物件和DOM物件的區別和聯絡
阿新 • • 發佈:2019-02-10
最近看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中的方法。