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

2021-07-09 13:04:57 字數 1071 閱讀 6937

1.jquery物件轉成dom物件

jquery物件不能使用dom中的方法,但如果對jquery物件所提供的方法不熟悉,或者jquery沒有封裝想要的方法,不得不使用dom物件的時候,有以下兩種處理方法。

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

(1)jquery物件是乙個類似陣列的物件,可以通過 [index] 的方式得到相應的dom物件。

**如下:

var $thecheckbox = $('#thecheckbox');//jquery物件

var thecheckbox = $thecheckbox[0];//dom物件

alert(thecheckbox.checked);//檢測這個checkbox是否被選中了

(2)另一種方式是jquery本身提供的,通過get(index)方法得到相應的dom物件。

**如下:

var $thecheckbox = $('#thecheckbox');//jquery物件

var thecheckbox = $thecheckbox.get(0);//dom物件

alert(thecheckbox.checked);//檢測這個checkbox是否被選中了

2.dom物件轉換成jquery物件

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

**如下:

var thecheckbox = document.getelementbyid('thecheckbox');//dom物件

var $thecheckbox = $(thecheckbox);//jquery物件

轉換後,可以使用任意jquery中的方法。

通過以上方式,可以任意的轉換jquery物件和dom物件。

dom物件才能使用dom中的方法,jquery物件不可以使用dom中的方法。但jquery物件提供了一套更加完善的工具用於操作dom。

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