首頁  >  文章  >  web前端  >  dom和jquery物件的差別是什麼

dom和jquery物件的差別是什麼

青灯夜游
青灯夜游原創
2021-11-15 16:36:164518瀏覽

區別:1、DOM對像是使用JavaScript方法取得頁面中元素返回的對象,而jquery對像是使用jquery方法取得頁面中元素返回的對象;2、DOM對像只能存取DOM中預先定義的方法,jquery物件只能呼叫jQuery提供的方法。

dom和jquery物件的差別是什麼

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

Dom物件

文件物件模型簡稱DOM,是W3C組織推薦的處理可擴充置標語言的標準程式介面。

  • DOM實際上是以物件導向方式描述的文檔模型。 DOM定義了表示和修改文件所需的物件、這些物件的行為和屬性以及這些物件之間的關係。

  • 透過DOM,可以存取所有的 HTML 元素,連同它們所包含的文字和屬性。可以對其中的內容進行修改和刪除,同時也可以建立新的元素。

  • DOM 獨立於平台和程式語言。它可被任何程式語言諸如 Java、JavaScript 和VBScript 使用。

  • DOM對象,也就是我們用傳統的方法(javascript)所獲得的物件。

  • DOM準確地說是對文檔物件的一種規範標準(文檔物件模型),標準只定義了屬性和方法行為。

jQuery物件

#jQuery物件其實是一個JavaScript的陣列,這個陣列物件包含125個方法和4個屬性

4個屬性分別是:

  • jquery 目前的jquery框架版本號

  • ##length 指示該陣列對象的元素個數.

  • context 一般情況下都是指向HtmlDocument物件.

  • selector 傳遞進來的選擇器內容

jquery物件就是透過jQuery包裝DOM物件後產生的物件。 jQuery物件是jQuery獨有的,其可以使用jQuery裡的方法,但是不能使用DOM的方法;反過來Dom物件也不能使用jquery的方法。

jQuery物件與DOM物件的差異

#1、定義不同

DOM物件:使用JavaScript中的方法取得頁面中的元素返回的對象就是DOM對象,不能使用jquery定義的方法。

var dom-elem = document.getElementById("msg")

jQuery物件:jquery物件就是使用jquery的方法取得頁面中的元素回傳的物件就是jQuery物件。可以使用jquery定義的方法。

var jquery-elem = $("#msg")

2、取得不同

DOM物件是

document.getElement來取得dom對象,DOM物件只能存取DOM中預先定義的方法。

jQuery物件就是透過

$()物件處理返回的對象,該物件是jQuery的數組,只能呼叫jQueryr提供的方法。

更多程式相關知識,請造訪:

程式設計入門! !

以上是dom和jquery物件的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn