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