首頁  >  文章  >  web前端  >  jquery物件與dom物件之間的差異

jquery物件與dom物件之間的差異

青灯夜游
青灯夜游轉載
2020-09-08 12:29:161540瀏覽

jquery物件與dom物件之間的差異

相關推薦:《jQuery影片教學

最近工作有很多判斷的程式碼,用到了jquery與dom對象的地方比較多,寫在這裡加強下基本概念:

1.判斷是否存在時候,要用dom對象,因為jQuery在獲得對象的時候,無論要獲得的對像是否存在,都會傳回jQuery物件

2.jquery物件與dom物件的轉換:

jQuery物件就是透過jQuery包裝DOM物件後產生的物件(集合物件)。 jQuery物件是jQuery獨有的,可以使用jQuery裡的方法。
因此jQuery物件和DOM物件是不一樣的,不能呼叫對方定義的方法。所以$(‘#test’).innerHTML會報錯,document.getElementById(‘#test’)[0].html()也會報錯。

普通的DOM物件可以用$()包裝起來轉換為jQuery物件:
$(document.getElementById('#test')).html();//正常

#jQuery物件jquery物件本身是一個集合,要轉換為DOM對象,可透過陣列索引取出:
第一種方式:$('#test')[0]
第二種方式:$( '#test').get(0)
註: eq(0)回傳的還是jQuery物件,eq(0)[0]是DOM物件。

更多程式相關知識,請造訪:程式設計教學! !

以上是jquery物件與dom物件之間的差異的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除