Jaka jest różnica między "this", "$ this" i "$ (this)"?

Question

Jaka jest różnica między tymi trzema postaciami:

this 
$this 
$(this) 

Answer 1

W typowym użytkowania będzie można je zobaczyć jak to (korzystanie $this mogą ulec zmianie):

• this - Odnosi się do elementu DOM w przewodnika Aktualnie jesteś, ale może to być innym obiektem całkowicie w innych sytuacjach, ale zawsze jest to kontekst.
• $this - Zwykle tworzona przez var $this = $(this) buforowaną wersję jQuery w opakowaniu o większej wydajności (lub łańcuszku $(this), aby uzyskać to samo w wielu przypadkach).
• $(this) - Zawarta w jQuery wersja elementu, dzięki czemu masz dostęp do all its methods (szczególnie te w $.fn).

Answer 2

• this jest przedmiotem, na którym metoda nazwano
• $this jest źle nazwane zmienne bez szczególnego znaczenia
• $(this) nazywa słabo nazwana funkcja $ z this jako jedynym argumentem

Answer 3

W kontekście jQuery "to" jest obiektem, na którym wywołano metodę. "$ this" jest rzeczywiście źle nazwaną zmienną bez specjalnego znaczenia. '$ (this)' przekazuje 'to' do jQuery, które zwróci obiekt jQuery skojarzony z czymkolwiek "to", o ile "to" jest obiektem DOM.

Answer 4

Twoje pytanie będzie lepiej obsługiwane z większym kontekstem.

Jednak zakładam, że pytasz o zmienne w kontekście wywołania zwrotnego zdarzenia elementu (na przykład click).

• this jest kontekst swojej obsługi (zazwyczaj elementu DOM, w przypadku obsługi zdarzeń DOM)
• $this jest zazwyczaj używany do przechowywania wynik $(this)
• $(this) zwraca obiekt jQuery, że opakowuje this - więcej informacji na ten temat można znaleźć w artykule jQuery documentation.

Answer 5

Rozszerzenie na co Dawid powiedział:

• $this jest zwykle używany, aby mieć kopię obiektu this w bieżącym zakresie. Na przykład z var $this = this; możesz użyć zmiennej $this w dowolnym miejscu bieżącego zakresu i zawsze możesz odwoływać się do tego obiektu, który w przeciwnym razie zostałby zmieniony, jeśli po prostu zostałby wymieniony z this ...Ja osobiście lubię $this konwencji nazewnictwa i wolą coś podobnego var parentScope

• $(this) jest funkcją (var $ = function(){}) używany przez niektórych ram takich jak jQuery lub PrototypeJs. Powodem jest używany dlatego $ jest bardzo łatwy do pisania zamiast someLongFunctionName i dlatego nazywa się zwykle wiele razy w kodzie łatwiej mają być jak najkrótsze

Answer 6

W przypadku jQuery handler:

• this - jest elementem DOM przypisany obsługi zdarzeń do
• $(this) - jest obiektem jQuery tworzone z tha T elementu
• $this - zwykle zmienną gospodarstwa wynik $(this)

Bardziej ogólnie:

• to wewnątrz funkcji odnosi się do obiektu lub pierwotnej funkcji nazywa na. Gdy funkcja jest używana jako konstruktor, odnosi się ona do konstruowanego nowego obiektu. Poza każdą funkcją this odnosi się do obiektu globalnego (window w trybie nie ścisłym).

  Możesz znaleźć good detailed explanation on MDN.

• $ this to nazwa zmiennej. W nazwach zmiennych JavaScript można zaczynać od $. Niektórzy lubią używać go jako przedrostek dla zmiennych zawierających obiekty jQuery:

  var body = document.body; // no prefix for a plain DOM object 
  var $body = jQuery('body'); // prefix for the same object wrapped in jQuery 
  var $this = $(this); 
  

• $ (this) jest wywołanie funkcji, gdzie $ to nazwa funkcji, a this jest jej argument:

  var $ = alert; 
  $(this); // [object Window] 
  

  $ nie ma żadnego specjalnego znaczenia per se. Ale jQuery definiuje funkcję $() jako skrót dla jQuery(). W zależności od argumentów funkcja ta może wykonać many different things.