jquery與dom物件相互轉換

2021-08-25 10:14:04 字數 697 閱讀 1667

在使用jquery的過程中,常常會遇到jquery物件和dom物件互相轉化的問題,怎麼相互轉換呢?

1、dom物件轉換成jquery物件

用$()即可把乙個dom物件轉換成jquery物件。如下所示:

var hrdom= document.getelementbyid("hr2001"); //dom物件

var obj = =$(hrdom); //jquery物件,然後就可以使用obj.html() 這樣的方法了

2、講jquery物件轉換成dom物件

a:通過[index]的方法轉換成dom物件,如下所示:

var content = $("li[class='resultlist_content']"); //jquery物件

alert(content [0].id); //假設content.length>0。可以通過content [0] 獲取乙個dom物件,然後使用其屬性id

b:通過get(index)方法轉換成dom物件,如下所示:

var content = $("li[class='resultlist_content']"); //jquery物件

var dom = content .get(0); //假設content.length>0

alert(dom.id); //使用dom物件屬性id

keyword:jquery dom 物件相互轉化

jQuery物件與dom物件相互轉換

剛開始學習jquery,可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用j...

jQuery物件與DOM物件相互轉換

1 dom物件轉jquery物件 普通的dom物件一般可以通過 轉換成jquery物件。如 document.getelementbyid msg 返回的就是jquery物件,可以使用jquery的方法。2 jquery物件轉dom物件 由於jquery物件本身是乙個集合。所以如果jquery物件要...

jQuery物件與dom物件相互轉換

剛開始學習jquery,可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用j...