DOM物件和js物件以及jQuery物件的區別
阿新 • • 發佈:2018-12-09
一、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物件"