jQuery物件和DOM物件的轉換

2021-09-10 07:24:10 字數 1271 閱讀 2168

jquery物件:通過jquery包裝dom物件後產生的物件。

注意:jquery物件無法使用dom物件的任何方法,同理,dom物件也無法使用jquery物件的任何方法。

所以涉及到轉換:

其中dom物件也包含了一些jquery物件沒有包含的成員,但總體來說,jquery物件要豐富得多。

如果獲取的物件是jquery物件,在變數前加上$

var $variable=jquery 物件;
獲取的是dom物件

var variable=dom 物件;
jquery物件轉換成dom物件

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

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

var $txtname=$("#txtname");   //jquery物件

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

alert(txtname.checked);//checked和innerhtml都是dom物件的方法

(2)通過get(index)方法得到相應的dom物件

var $txtname=$("#txtname");   //jquery物件

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

alert(txtname.checked);

jquery物件轉成dom物件並不多見(在實際開發中),但是有些情況:如outerhtml屬性,通過該屬性可以輸出相應的dom元素的完整的html**,而jquery沒有直接提供該功能。

dom物件轉換成jquery物件

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

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

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

注意:dom物件只能使用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獨有的,其可以使用...