今天說一下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()返回的都是一個數組,數組里裝的還是對象。不同語言平台都可用它,哪種語言用它,返回到哪種語言里面,它就是哪種語言的對象。