對於初次學習jQuery的人來說,很容易分清楚DOM對象和jQuery對象,及其相互轉化:
jQuery對象轉化為DOM對象,隻需加上[0]或者get(0)。如:$cr[0] 或 $cr.get(0)DOM對象轉化為jQuery對象,隻需使用jQuery的對象制造工廠:$()。如$(cr)
迷惑我很久的是對於這兩種變量,什麼時候應該帶”$”?什麼時候不帶?要弄清楚這個問題就要理解jQuery中$的含義。在jQuery庫中,$是jQuery的簡寫形式。
var $a = $("input"); var a = $("input"); var $b = $(document.getElementsByTagName('input')); var b = $(document.getElementsByTagName('input'));
從上面可以看出,$a和a既可以保存DOM對象也可以保存jQuery對象,他們是不同的變量名,沒有什麼其它區別,怎麼聲明就怎麼引用。
但是一般有一個約定,用帶$的變量表示jQuery對象,不帶$表示DOM對象。這隻是約定,沒有在語法上進行限定。
var $a = $("input"); var b = $(document.getElementsByTagName('input'));