一、jQuery 對象

（1）jQuery 對象就是通過 jQuery 包裝DOM對象后產生的對象

（2）Query 對象是 jQuery 獨有的. 如果一個對象是 jQuery 對象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();

（3）jQuery 對象無法使用 DOM 對象的任何方法, 同樣 DOM 對象也不能使用 jQuery 里的任何方法

建議約定：如果獲取的是 jQuery 對象, 那么要在 變量前面加上 $.
?

?var $variable = jQuery 對象var variable = DOM 對象

?

二、jQuery 對象轉成 DOM 對象

（1）jQuery 對象不能使用 DOM 中的方法, 但如果 jQuery 沒有封裝想要的方法, 不得不使用 DOM方法的時候,。

有如下兩種處理方法:

(A) jQuery 對象是一個數組對象, 可以通過 [index] 的方法得到對應的 DOM對象.

? ? ?$("#msg")[0]

(B) 使用 jQuery 中的 get(index) 方法得到相應的 DOM 對象

? ? ? $("#msg").get(0)

(C)對于一個 DOM 對象, 只需要用 $() 把 DOM 對象包裝起來(jQuery 對象就是通過 jQuery 包裝 DOM 對象后產生的對象), 就可以獲得一個 jQuery 對象.

? ? ?例如： $(document.getElementById(“msg”))

轉換后就可以使用 jQuery 中的方法了

（2）jQuery對象與dom對象的轉換舉例

以下幾種寫法都是正確的：

$("#msg").html();

$("#msg")[0].innerHTML;

$("#msg").eq(0)[0].innerHTML;

$("#msg").get(0).innerHTML;

如：$("#msg")[0]，$("div").eq(1)[0]， $("div").get()[1]，$("td")[5]這些都是dom對象， 可以使用dom中的方法，但不能再使用jQuery 的方法

?

?

總結

以上是生活随笔為你收集整理的jQuery 基础教程 （二）之jQuery对象与DOM对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。