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獨有的,其可以使用...