DOM對象和jQuery對象

對於初次學習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'));

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *