В чем разница между $ (этим) и этим в jQuery?

Question

В чем разница между $(this) и this в jQuery, и почему они иногда дают одинаковый результат, а другие ведут себя по-разному?

Answer 1

$(this) упаковывает this с функциональностью jQuery.

Например, этот код не будет работать:

$('.someDiv').onClick(function(){
    // this refers to the DOM element so the following line would fail
    this.fadeOut(100);
});

Итак, мы завернем this в jQuery:

$('.someDiv').onClick(function(){
    // wrap this in jQuery so we can use jQuery fadeOut
    $(this).fadeOut(100);
});

Answer 2

$(this) украшает любой объект, на который указывает this, с помощью функций jQuery.Типичный вариант использования для this для ссылки на элемент DOM (скажем, <div>).Затем написание $(this) позволяет вам использовать все функции API jQuery для этого <div>.

Если this уже ссылается на объект jQuery - обычно это DOM-объект, украшенный jQuery, - тогда вызывается $(this) не будет иметь никакого эффекта, потому что это уже украшено.

Answer 3

Если в вашем текущем контексте, если this не является объектом jQuery, вы можете сделать его элементом jQuery, обернув его вокруг $().Когда ваш элемент уже является результатом выражения jQuery, this в этом случае уже является объектом jQuery.Так что в этом случае они оба работают одинаково

Answer 4

, чтобы вы поняли немного лучше, найдите себе отладчик такого рода, как Google Chrome, и сделайте это ..

$('a').click(function(){
    console.log(this); //DO
    console.log($(this)); //JO
});

это покажет вам, в чем разница:)

Answer 5

this - это переменная javascript, созданная всякий раз, когда вы находитесь внутри функции, которая присоединена к объекту. В этих случаях this относится к этому объекту.

$(this) возвращает объект jQuery, для которого вы можете вызывать функции jQuery, но будет применяться только к this.

Например, если вы установите обработчик щелчка для всех якорей:

$('a').click(function() {
    console.log(this.href) ;
}) ;

тогда this относится к якору, к которому прикреплено событие (функция) щелчка.

Answer 6

$ (это) == это? интересно.

это не должно проходить мимо события DOM.

Answer 7

В JavaScript это всегда относится к «владельцу» выполняемой функции. Использование $ (this) обернет владельца только так, что все операции jQuery будут расширены и доступны для него.

Рассмотрим:

$links = $('#content a');

$links.click(function() {
    link  = this;
    $link = $(this); //jQuery wrapped object.

    alert(link.getAttribute('href'));        
    alert($link.attr('href')); //we can use the attr() function from jQuery
});

Они обычно дают одинаковые результаты, так как владелец один и тот же, только если он упакован jQuery, он может работать с функциями jQuery.