this其實是一個Html 元素。 $this 只是個變數名,加$是為說明其是個jquery對象。 而$(this)是個轉換,將this表示的dom對象轉為jquery對象,這樣就可以使用jquery提供的方法操作。 先來看看JQuery中的 $() 這個符號,實際上這個符號在JQuery中相當於J ...
this其實是一個Html 元素。
$this 只是個變數名,加$是為說明其是個jquery對象。
而$(this)是個轉換,將this表示的dom對象轉為jquery對象,這樣就可以使用jquery提供的方法操作。
先來看看JQuery中的 $() 這個符號,實際上這個符號在JQuery中相當於JQuery(),即$(this)=jquery();
也就是說,這樣可以返回一個jquery對象。那麼,當你在網頁中alert($('#id'));時,會彈出一個[object Object ],這個object對象,也就是jquery對象了。
那麼,我們再回過頭來說$(this),這個this是什麼呢?假設我們有如下的代碼:
$("#desktop a img").each(function(index){ alert($(this)); //結果為:[object Object ] alert(this); //結果為:[object HTMLImageElement] this.addClass('filed_name'); //結果會報錯,說沒有addClass這個方法, //原因就是這裡的this只是一個html元素,html元素是不可能有addClass方法的 //所以要寫成: $(this).addClass('filed_name'); }
也就是說,後者返回的是一個html對象(本例中是遍歷HTML的img對象,所以為HTMLImageElement)。
很多人在使用jquery的時候,經常this.attr('src'); 這時會報錯“對象不支持此屬性或方法”,這又是為什麼呢?其實看明白上面的例子,就知道錯在哪裡了:很簡單,this操作的是HTML對象,那麼,HTML對象中怎麼會有val()方法了,所以,在使用中,我們不能直接用this來直接調用jquery的方法或者屬性。