一、Dom對象、JavaScript對象、jQuery對象

1.1 Dom對象

文檔對象模型簡稱DOM，是W3C組織推薦的處理可擴展置標語言的標準編程接口。

• DOM實際上是以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、
  這些對象的行為和屬性以及這些對象之間的關系。
• 通過DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性。可以對其中的
  內容進行修改和刪除，同時也可以創建新的元素。
• DOM 獨立于平臺和編程語言。它可被任何編程語言諸如 Java、JavaScript 和
  VBScript 使用。
• DOM對象，即是我們用傳統的方法(javascript)獲得的對象。
• DOM準確說是對文檔對象的一種規范標準(文檔對象模型),標準只定義了屬性和方法行為。

1.2 JavaScript對象

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

1.3 jQuery對象

1）概述
jQuery對象其實是一個JavaScript的數組,這個數組對象包含125個方法和4個屬性
4個屬性分別是：

• jquery 當前的jquery框架版本號
• length 指示該數組對象的元素個數 .
• context 一般情況下都是指向HtmlDocument對象 .
• selector 傳遞進來的選擇器內容

jquery對象就是通過jQuery包裝DOM對象后產生的對象。jQuery對象是jQuery獨有的，
其可以使用jQuery里的方法，但是不能使用DOM的方法;反過來Dom對象也不能使用
jquery的方法。
2）jQuery對象和js對象區別

• jQuery對象屬于js的數組
• jQuery對象是通過jQuery包裝的DOM對象后產生的
• jQuery對象不能使用DOM對象的方法和屬性
• DOM對象不能使用jQuery對象的方法和屬性

3）jQuery對象和js對象之間的相互轉換

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

  ?

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。