在討論jquery物件和dom物件的相互轉換之前,先約定好定義變數的風格。如果獲取的物件是jquery物件,那麼在變數前面加上$,例如:
var $variable = jquery 物件;
如果獲取的是dom物件,則定義如下:
var variable = dom 物件;
1.jquery物件轉成dom物件
jquery物件不能使用dom中的方法,但如果對jquery物件所提供的方法不熟悉,或者jquery沒有封裝想要的方法,不得不使用dom物件的時候,有以下兩種處理方法。
jquery提供了兩種方法講乙個jquery物件轉換成dom物件,即[index]和get(index)。
(1)jquery物件是乙個類似陣列的物件,可以通過[index]的方法得到相應的dom物件。
jquery**如下:
var $cr = $("#cr"); //jquery物件
var cr = $cr[0]; //dom物件
alert( cr.checked ); //檢測這個checkbox是否被選中了
(2)另一種方法是jquery本身提供的,通過get(index)方法得到相應的dom物件。
jquery**如下:
var $cr = $("#cr"); //jquery物件
var cr = $cr.get(0); //dom物件
alert( cr.checked ); //檢測這個checkbox是否被選中了
2.dom物件轉成jquery物件
對於乙個dom物件,只需要用$()把dom物件包裝起來,就可以獲得乙個jquery物件了。
jquery**如下:
var cr = document.getelementbyid("cr"); //dom物件
var $cr = $(cr); //jquery物件
3.例項研究
我已經閱讀了上面制度
首先,用dom方式來判斷核取方塊是否被選中:
$(document).ready(function ()
})})
換一種方式,使用jquery中的方法來判斷選項是否被選中,**如下:
$(document).ready(function ()
})})
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獨有的,其可以使用...