首頁 > web前端 > js教程 > jquery物件與dom物件之間的差異

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

青灯夜游
發布: 2020-09-08 12:29:16
轉載
1671 人瀏覽過

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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板