Обработчики событий jQuery-связанных

Question

Я хочу, чтобы обработчик события «щелкнуть» для первого дочернего элемента элемента с идентификатором «foo», используя jQuery. Я понимаю, что синтаксис для этого является:

$('#foo:first-child').bind('click', function(event) { 
    // I want to access the first child here 
}) 

В теле обработчика Я хочу получить доступ к элементу, который вызвал событие уволят. Я где-то читал, что вы не можете просто ссылаться на него через «это», так как я могу получить к нему доступ?

Answer 1

Просто используйте "это":

$('#foo:first-child').bind('click', function(event) { 
    alert(this === $('#foo:first-child')); // True 
    this.style.color = "red"; // First child now has red text. 
}) 

Answer 2

$(this).doStuff() 

Answer 3

Забудьте, что вы где-то читал и идти вперед и использовать это ключевое слово:

$("#foo:first-child").click(function(event) { 
    $(this).css("background", "pink"); 
}); 

Answer 4

Просто, чтобы добавить к Greg's reply, одну маленькую поправку заключается в том, что:

this === $('#foo:first-child') // returns false 
$(this) === $('#foo:first-child') // returns true 

this ссылается на сам HTML-элемент, а $(this) просто превращает его в элемент jQuery.