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