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

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

1、DOM對象

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

1. DOM其實是以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、這些對象的行爲和屬性以及這些對象之間的關係。
2. 經過DOM，能夠訪問全部的 HTML 元素，連同它們所包含的文本和屬性。能夠對其中的內容進行修改和刪除，同時也能夠建立新的元素。 HTML
3. DOM 獨立於平臺和編程語言。它可被任何編程語言諸如 Java、JavaScript 和 VBScript 使用。
4. DOM對象，便是咱們用傳統的方法(javascript)得到的對象。
5. DOM準確說是對文檔對象的一種規範標準(文檔對象模型),標準只定義了屬性和方法行爲。

   2、JavaScript 對象

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

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

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

                     1） js轉jQuery對象：

                              $(js對象)

                     2)jQuery對象轉js對象

                        示例：

                     

                       //轉換jQuery對象爲DOM對象

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

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

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

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

【當你用心寫完每一篇博客以後,你會發現它比你用代碼實現功能更有成就感!】