DOM對象和js對象以及jQuery對象的區別

DOM對象和js對象以及jQuery對象的區別

一、DOM對象

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

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

   二、JavaScript 對象

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

   三、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對象區別：
   1.jQuery對象屬於js的數組；
   2.jQuery對象是通過jQuery包裝的DOM對象后產生的;
   3.jQuery對象不能使用DOM對象的方法和屬性
   4.DOM對象不能使用jQuery對象的方法和屬性

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

                     1） js轉jQuery對象：

                              $(js對象)

                     2)jQuery對象轉js對象

                        示例：

                       var doc2=$("#idDoc2")[0];

                       //轉換jQuery對象為DOM對象

                       doc2.innerHTML="這是jQuery的第一個DOM對象"

                       //使用jQuery對象本身提供的get函數來返回指定集合位置的DOM對象

                       var doc2=$("#idDoc2").get(0);

                       doc2.innerHTML="這是jQuery的第二個DOM對象"