Jquery Onclick y referencia al objeto al que se hizo clic

Question

Tengo la siguiente expresión jQuery. Dentro de la función, necesito una referencia al objeto al que se hizo clic, ¿hay alguna manera de hacerlo?

$('#tagList li').click(function() { 
    /* contents */ 
}); 

Answer 1

Uso

$(this)

Answer 2

Sí, la palabra clave this hace referencia al elemento DOM que se hizo clic. Puede "ajustarlo" así:

$(this) 

Esto le permitirá tratarlo como un objeto jQuery.

Answer 3

El esta palabra clave es lo que está buscando. A menudo querrá aplicar la función jQuery a este para hacer su trabajo. Ejemplo:

$('#tagList li').click(function() { 
    $(this).css({ color: 'red' }); 
}); 

Answer 4

puede utilizar el valor de retorno

$("#tagList li").bind("click", function(e) { 
    alert(e.currentTarget + ' was clicked!'); 
}); 

o si lo desea, puede simple punto en el objeto en el modo de jQuery

$("#tagList li").bind("click", function(e) { 
    alert($(this) + ' was clicked!'); 
}); 

si usted es nuevo en jQuery, Sugiero fuertemente para ver algunos screencasts de Remy Sharp en jQuery for Designers, son geniales para entender un poco cómo funciona jQuery, y mejor aún, cómo usar el console.log() para ver los objetos que puede usar.