相關推薦:《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中文網其他相關文章!