jQuery物件和DOM物件的互相轉換

2021-07-10 15:51:06 字數 1065 閱讀 8224

jquery物件和dom物件的互相轉換

在上面第一點說了,jquery物件和dom物件是不一樣的!比如jquery物件不能使用dom

的方法,dom物件不能使用jquery方法,那假如我 jquery沒有封裝我要的方法,那能怎麼

辦呢?這時我們可以將jquer物件轉換成dom物件

2.1 jquery物件轉換成 dom物件

jquery提供了兩種方法將乙個jquery物件轉換成乙個dom物件,即[index]和get(index)

可能有人會覺得奇怪,怎麼是用下標呢,沒錯,jquery物件就是乙個陣列物件.

下面**將演示乙個jquery物件轉換成dom物件,再使用dom物件的方法

複製** **如下:

var $cr=$(

"#cr"); //jquery物件

var cr = $cr[0]; //dom物件 也可寫成 var cr=$cr.get(0);

alert(cr.checked); //檢測這個checkbox是否給選中

2.2 dom物件轉換成jquery物件

對於乙個dom物件,只需要用$()把dom物件包裝起來,就可以獲得乙個jquery物件了,

方法為$(dom物件);

複製** **如下:

var cr=document.getelementbyid("cr"); //dom物件

var $cr = $(cr); //轉換成jquery物件

轉換後可以任意使用jquery中的方法了.

通過以上的方法,可以任意的相互轉換jquery物件和dom物件.

最後再次強調,dom物件才能使用dom中的方法,jquery物件不可以使用dom中的方法,

但 jquery物件提供了一套更加完善的工具用於操作dom, 平時用到的jquery物件都是通

過$()函式製造出來的,$()函式就是乙個jquery物件的製造工廠。

總結:dom物件轉化為jquery物件:$(

dom物件)

jquery物件轉化為dom物件:jquery物件[0]、 jquery物件.get(0)

jQuery物件和DOM物件

jquery 物件就是 通過 jquery 包裝 dom 物件後產生的物件或者 選擇器 產生的物件 jquery 物件是 jquery 獨有的.如果乙個物件是 jquery 物件,那麼它就可以使用 jquery 裡的方法 persontab html jquery 物件無法使用 dom 物件的任何方...

dom物件和jquery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用...

Dom物件和JQuery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用...