jquery物件和DOM物件的差別有哪些？

很多jquery的初學者在學習jquery對象和DOM對象時會有點迷糊，經常搞不清哪些是jquery對象，那些是DOM對象，接下來的這篇文章就來給大家介紹一下jquery物件和DOM物件的差異，有需要的朋友可以參考一下。

我們先來簡單看一下什麼是jquery物件？什麼是DOM對象？

jquery物件：在JQuery函式庫中，可以透過本身自帶的方法來取得頁面DOM 元素的物件叫做JQuery物件。

DOM物件：DOM是以層次結構組織的節點或資訊片段的集合。文檔物件模型（Document Object Model）是給HTML與XML檔案使用的一組API。 DOM的本質是建立網頁與腳本語言或程式語言溝通的橋樑。

看完了上述我們介紹的jquery物件和DOM物件的概念後，我們就來具體看看jquery物件和DOM物件的差異。

jquery物件和DOM物件的差別：

DOM物件是我們用傳統的方法（JavaScript）得到的對象，jQuery物件就是用jQuery的類別庫選擇器所獲得的物件。

如果取得的物件是jQuery對象，那麼在變數前加上$，定義如下：

var $obj = $("#id"); //jQuery对象;

如果取得的是DOM對象，則定義如下：
##

var domObj = document.getElementById("id"); //DOM对象

JQuery物件就是透過jQuery包裝DOM物件後產生的物件。 JQuery物件是jQuery獨有的，可以使用jQuery裡的方法，但是不能使用DOM的方法；

例如：

##$("#text").html()是指取得id為text的元素內的html程式碼，html()是jQuery特有的方法;

上面的$("#text").html()等同於:

document.getElementById("test").innerHTML;

注意：

1、在jQuery物件中無法使用DOM物件的任何方法。

例如$("#id").innerHTML 和$("#id").checked之類的寫法都是錯誤的，可以用$("#id").html()和$("#id").attr ("checked")之類的 jQuery方法來代替。同樣，DOM物件也不能使用jQuery方法。

2、用#id作為選擇符取得的是jQuery物件與document.getElementById("id")得到的DOM對象，這兩者並不等價。

以上就是本篇文章的全部內容了，關於jquery更多的知識大家可以關注php中文網相關jquery欄位！ ！ ！

以上是jquery物件和DOM物件的差別有哪些？的詳細內容。更多資訊請關注PHP中文網其他相關文章！