JQuery this和$(this)的區別

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的方法或者屬性。