Как это работает в jQuery

Question

Может кто-нибудь объяснить, как "это" работает в jQuery. Я пытался найти какую-то информацию в сети, но поскольку слово «это» часто используется в его обычном значении, я не смог найти ничего хорошего.

Я хотел бы иметь возможность изменять фон элемента списка (<li>) по щелчку мыши без указания идентификатора каждого элемента списка.

Answer 1

$('li').on('click.namespace', function() {

   console.log(this);    /* this is a reference to the DOM 
                            element you clicked */

   console.log($(this)); /* this is a jQuery reference to the 
                            DOM element you clicked */

   /* using jQuery reference you can change the background in this way */
   $(this).css('background-image', 'url(...)');




});

Answer 2

Иногда вам нужно использовать связанную функцию (см. jQuery.proxy()) в качестве обработчика событий, в этих случаях вы можете получить доступ к текущему элементу по-другому, вместо this, вы можете использовать свойство event.currentTarget, см. http://api.jquery.com/event.currentTarget/

Answer 3

jQuery достаточно любезен, чтобы установить контекст вашей функции в соответствии с тем, что вам интересно. В данном случае речь идет о <li>. Но this - все еще голый элемент DOM, вам нужно обернуть его $(), чтобы использовать методы jQuery.

$('li').on('click', function() {
    $(this).css({background:'red'});
});

Answer 4

Если вы установили событие onclick в li, вы можете использовать $ (this), чтобы получить объект jquery из li, а затем добавить класс, например. $ (Это) .addClass ( "newBackground").

Answer 5

$("li").click(function() {
   $(this).css("background-color", "red");

});

Вот пример.$(this) относится к объекту JQuery, this относится к обычному объекту DOM, по которому щелкнули.

Answer 6

Вот пример:

$('li').click(function() {
  $(this).attr("class", "clicked");
});

Когда вы щелкаете по элементу, this принимает значение элемента, по которому щелкают, то есть элемент DOM. $(this) дает вам доступ к jquery API.

Answer 7

Вы нашли документацию click () ? Он показывает, как вы должны использовать обработчики кликов и , в нем есть примеры, которые даже используют $(this).