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

2021-07-03 18:36:44 字數 1425 閱讀 8403

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