首頁 > web前端 > js教程 > jquery物件和DOM物件的差別有哪些?

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

不言
發布: 2018-10-13 11:50:43
原創
4080 人瀏覽過

很多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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板