jquery this和$（this）

Question

這可能看起來像一個老問題，並且有很多頁面解釋了這兩者之間的區別，但我仍然不完全理解它，因爲兩者似乎都適合我。我想我明白了爲什麼我不能在我的嵌套函數中使用this或$(this)。但爲什麼這兩個變量都是可變的？哪一個應該是我應該使用的？

(function($) { 
$.fn.helloWorld = function() { 
    var $wrap1 = this; 
    var $wrap2 = $(this); 

    var keys = function(){ 
    $(document).keyup(function (event) { 
     if (event.keyCode === 39) { 
      console.log("key pressed"); 
      event.preventDefault(); 
      this.fadeOut();   //Does not work 
      $(this).fadeOut();   //Does not work  
      $wrap1.fadeOut();   //Does work 
      $wrap2.fadeOut();   //Does work 
     } 
    }); 
    }; 
    keys(); 
} 
}(jQuery)); 

Answer 1

在一個jQuery fn延伸部的情況下，this指jQuery對象已經，因此$(this)實質上是一個空操作。

但是在大多數情況下，例如事件處理程序，this引用觸發事件的元素，並且您需要使用$(this)來調用它的jQuery函數。

Answer 2

在回調函數（以keyup）this應的DOM元素觸發事件而$(this)是一個jQuery對象包裝該元素（或僅包含該元素一個jQuery集合）。

然而，當你創建HelloWorld擴展this是當前jQuery對象（即取其jQuery的objecty /收集你跑$().helloWorld()。因此，在這種情況下this和$(this)都是jQuery的ojects和本質上是一回事。

Answer 3

$（本） - 代表當前DOM元素的jQuery對象是哪個事件調用此函數

這 - 在JavaScript中這始終是指功能的「所有者」我們前或者更確切地說，是一個函數是一種方法的對象。