【$(this)與this的區別】
相信很多剛接觸JQuery的人,很多都會對$(this)和this的區別模糊不清,那么這兩者有什么區別呢?
首先來看看JQuery中的 $() 這個符號,實際上這個符號在JQuery中相當於JQuery(),即$(this)=jquery();也就是說,這樣可以返回一個jquery對象。那么,當你在網頁中alert($('#id'));時,會彈出一個[object Object ],這個object對象,也就是jquery對象了。
那么,我們再回過頭來說$(this),這個this是什么呢?假設我們有如下的代碼:
$("#desktop a img").each(function(index){ alert($(this)); alert(this); }
那么,這時候可以看出來:
alert($(this)); 彈出的結果是[object Object ]
alert(this); 彈出來的是[object HTMLImageElement]
也就是說,后者返回的是一個html對象(本例中是遍歷HTML的img對象,所以為 HTMLImageElement)。很多人在使用jquery的時候,經常this.attr('src'); 這時會報錯“對象不支持此屬性或方法”,這又是為什么呢?其實看明白上面的例子,就知道錯在哪里了:
很簡單,this操作的是HTML對象,那么,HTML對象中怎么會有val()方法了,所以,在使用中,我們不能直接用this來直接調用jquery的方法或者屬性。
還是存在一些疑問, 自定義屬性的值為什么獲取不到呢
$("input:checkbox").live("click", function(e){ //可以獲取到屬性id的值 var id = this.id; //不能獲取到屬性level的值==>undefined, level是自定義的屬性 var level1 = this.level; //可以獲取到屬性level的值, level是自定義的屬性 var level2 = $(this).attr("data-level") });