一、Dom對(duì)象、JavaScript對(duì)象、jQuery對(duì)象

1.1 Dom對(duì)象

文檔對(duì)象模型簡(jiǎn)稱DOM，是W3C組織推薦的處理可擴(kuò)展置標(biāo)語言的標(biāo)準(zhǔn)編程接口。

• DOM實(shí)際上是以面向?qū)ο蠓绞矫枋龅奈臋n模型。DOM定義了表示和修改文檔所需的對(duì)象、
  這些對(duì)象的行為和屬性以及這些對(duì)象之間的關(guān)系。
• 通過DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性。可以對(duì)其中的
  內(nèi)容進(jìn)行修改和刪除，同時(shí)也可以創(chuàng)建新的元素。
• DOM 獨(dú)立于平臺(tái)和編程語言。它可被任何編程語言諸如 Java、JavaScript 和
  VBScript 使用。
• DOM對(duì)象，即是我們用傳統(tǒng)的方法(javascript)獲得的對(duì)象。
• DOM準(zhǔn)確說是對(duì)文檔對(duì)象的一種規(guī)范標(biāo)準(zhǔn)(文檔對(duì)象模型),標(biāo)準(zhǔn)只定義了屬性和方法行為。

1.2 JavaScript對(duì)象

• JavaScript 提供多個(gè)內(nèi)建對(duì)象，比如 String、Date、Array 等等。
• 對(duì)象只是帶有屬性和方法的特殊數(shù)據(jù)類型。
• 通過js獲取的DOM對(duì)象就是js對(duì)象
• 當(dāng)瀏覽器支持js的dom接口(api)時(shí)，這里狹義的dom對(duì)象是以js對(duì)象的形式出現(xiàn)的，
  也就是一個(gè)js對(duì)象。

1.3 jQuery對(duì)象

1）概述
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)來的選擇器內(nèi)容

jquery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是jQuery獨(dú)有的，
其可以使用jQuery里的方法，但是不能使用DOM的方法;反過來Dom對(duì)象也不能使用
jquery的方法。
2）jQuery對(duì)象和js對(duì)象區(qū)別

• jQuery對(duì)象屬于js的數(shù)組
• jQuery對(duì)象是通過jQuery包裝的DOM對(duì)象后產(chǎn)生的
• jQuery對(duì)象不能使用DOM對(duì)象的方法和屬性
• DOM對(duì)象不能使用jQuery對(duì)象的方法和屬性

3）jQuery對(duì)象和js對(duì)象之間的相互轉(zhuǎn)換

• js轉(zhuǎn)jQuery對(duì)象 //dom 對(duì)象 var dom1 = document.getElementById("dom"); //轉(zhuǎn)化為jquery對(duì)象 var dom2 = $(dom1);

  ?

• jQuery對(duì)象轉(zhuǎn)js對(duì)象 //jquery對(duì)象 var dom1 = $("#dom");//轉(zhuǎn)為JavaScript對(duì)象//方法一 var dom2 = dom1[0]//方法二 var dom3 = dom1.get(0)

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Dom对象、JavaScript对象、jQuery对象区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。