1. 程式人生 > >DOM物件和js物件以及jQuery物件的區別

DOM物件和js物件以及jQuery物件的區別

一、DOM物件

文件物件模型簡稱DOM,是W3C組織推薦的處理可擴充套件置標語言的標準程式設計介面。

DOM實際上是以面向物件方式描述的文件模型。DOM定義了表示和修改文件所需的物件、這些物件的行為和屬性以及這些物件之間的關係。
通過DOM,可以訪問所有的 HTML 元素,連同它們所包含的文字和屬性。可以對其中的內容進行修改和刪除,同時也可以建立新的元素。 HTML
DOM 獨立於平臺和程式語言。它可被任何程式語言諸如 Java、JavaScript 和 VBScript 使用。
DOM物件,即是我們用傳統的方法(javascript)獲得的物件。
DOM準確說是對文件物件的一種規範標準(文件物件模型),標準只定義了屬性和方法行為。
二、JavaScript 物件
    JavaScript 提供多個內建物件,比如 String、Date、Array 等等。
    物件只是帶有屬性和方法的特殊資料型別。
    通過js獲取的DOM物件就是js物件
    當瀏覽器支援js的dom介面(api)時,這裡狹義的dom物件是以js物件的形式出現的,也就是一個js物件
三、jQuery物件

    jQuery物件其實是一個JavaScript的陣列,這個陣列物件包含125個方法和4個屬性 
    4個屬性分別是
        jquery 當前的jquery框架版本號
        length 指示該陣列物件的元素個數 .
        context 一般情況下都是指向HtmlDocument物件 .
        selector 傳遞進來的選擇器內容

    jquery物件就是通過jQuery包裝DOM物件後產生的物件。jQuery物件是jQuery獨有的,其可以使用jQuery裡的方法,但是不能使用DOM的方法;反過來Dom物件也不能使用jquery的方法

    jQuery物件和js物件區別:
    1.jQuery物件屬於js的陣列;
    2.jQuery物件是通過jQuery包裝的DOM物件後產生的;
    3.jQuery物件不能使用DOM物件的方法和屬性
    4.DOM物件不能使用jQuery物件的方法和屬性
    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物件"