JavaScript對象與jQuery對象以及DOM對象


今天說一下JavaScript對象與jQuery對象和DOM對象的區別和轉換,前面已經見過JavaScript對象的創建,但還是要重提

var variable =                     //這是一個JavaScript對象

var $variable = $()             //這就是個jQuery對象

var variable = document.get...                   //這是一個DOM對象,方法包括getElementById( ),getElementByTagName( )...

那么再講一下他們之間的轉換:

jQuery與JavaScript對象之間的轉換

 jQuery與DOM對象之間的轉換

 

jQuery定義DOM節點就是先調用DOM的方法,然后在轉換成jQuery對象

var $li = $("<li></li>")       與下面這個相等

var $li = $(document.createElement("li"))

好了這就差不多了。

那么問題在腦海中產生了,那么DOM對象與JavaScript對象之間的轉換呢? ? ? ? ? ? ?

那就要先說說DOM是干什么的。。。

下面先來個w3定義的:

網址是:http://www.w3.org/TR/DOM-Level-2-Core/introduction.html

 

 不懂英語的查下字典吧。。。,它說DOM只是一個HTML和XML的應用程序接口,它是用來操作節點(元素節點,文本節點),並不是一門語言,就類似json,它只是一個工具。

我認為:

  它就是通過提供的方法查找到匹配的元素,然后返回一個對應對象,一般情況下,像document.getElementById()返回的是個對象,而document.getElementByTagName(),document.getElementByName()返回的都是一個數組,數組里裝的還是對象。不同語言平台都可用它,哪種語言用它,返回到哪種語言里面,它就是哪種語言的對象。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM