1. 程式人生 > >jQuery學習筆記1

jQuery學習筆記1


7、DOM物件和jQuery物件簡介

(1)DOM(Document Object Model,文件物件模型),每一份DOM都可以表示成一棵樹。可以通過JavaScript中的getElementsByTagName或者getElementById來獲取元素節點。像這樣得到的DOM元素就是DOM物件。DOM物件不能使用任何jquery中的方法,只能使用DOM物件中的方法。
(2)jQuery物件就是通過jQuery包裝DOM物件後產生的物件。jQuery物件是jQuery獨有的。如果一個物件是jQuery物件,那麼就可以使用jQuery裡的方法。jquery物件不能使用DOM物件中的方法,只能使用jquery中的方法。如果DOM物件中的方法在jquery庫中被改寫過,那麼可以使用DOM物件中的方法。

8、jQurey物件和DOM物件的相互轉換

在討論jQurey物件和DOM物件的相互轉換之前,先約定好定義變數的風格。如果獲取的物件是jQuery物件,那麼在變數前面加上$,例如:
var  $variable   =   jQuery 物件;
如果獲取的是DOM物件,則定義如下:
var  variable    =   DOM物件;
(1)jQuery物件轉成DOM物件
jQuery物件不能使用DOM中的方法,但如果對jQuery物件所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不使用DOM物件的時候,有以下兩種處理方法。
jQuery提供了兩種方法將一個jQuery物件轉換成DOM物件,即[index]和get(index)。
(2)DOM物件轉成jQuery物件
對於一個DOM物件,只需要用$()把DOM物件包裝起來,就可以獲得一個jQuery物件了。方式為$(DOM物件)。轉換後,可以任意使用jQuery中的方法。通過以上方法,可以任意地相互轉換jQuery物件和DOM物件。最後再次強調,DOM物件才能使用DOM中的方法,jQuery物件不可以使用DOM中的方法。
注意:平時用到的jQuery物件都是通過$()函式製造出來的,$()函式就是一個jQuery物件的製造工廠。