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

標籤：text   元素   區別   vbs   blank   array   資料類型   包含   個數   

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對象"                  

 

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