區(qū)別:1、DOM對象是使用JavaScript方法獲取頁面中元素返回的對象,而jquery對象是使用jquery方法獲取頁面中元素返回的對象;2、DOM對象只能訪問DOM中預(yù)定義的方法,jquery對象只能調(diào)用jQueryr提供的方法。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
Dom對象
文檔對象模型簡稱DOM,是W3C組織推薦的處理可擴展置標語言的標準編程接口。
-
DOM實際上是以面向?qū)ο蠓绞矫枋龅奈臋n模型。DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關(guān)系。
-
通過DOM,可以訪問所有的 HTML 元素,連同它們所包含的文本和屬性。可以對其中的內(nèi)容進行修改和刪除,同時也可以創(chuàng)建新的元素。
-
DOM 獨立于平臺和編程語言。它可被任何編程語言諸如 Java、JavaScript 和VBScript 使用。
-
DOM對象,即是我們用傳統(tǒng)的方法(javascript)獲得的對象。
-
DOM準確說是對文檔對象的一種規(guī)范標準(文檔對象模型),標準只定義了屬性和方法行為。
jQuery對象
jQuery對象其實是一個JavaScript的數(shù)組,這個數(shù)組對象包含125個方法和4個屬性
4個屬性分別是:
-
jquery 當前的jquery框架版本號
-
length 指示該數(shù)組對象的元素個數(shù) .
-
context 一般情況下都是指向HtmlDocument對象 .
-
selector 傳遞進來的選擇器內(nèi)容
jquery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象。jQuery對象是jQuery獨有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;反過來Dom對象也不能使用jquery的方法。
jQuery對象和DOM對象的區(qū)別
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中預(yù)定義的方法。
jQuery對象就是通過$()
對象處理返回的對象,該對象是jQuery的數(shù)組,只能調(diào)用jQueryr提供的方法。