jQuery: $(this) y selectores hijos

3 formas diferentes de acceder a los elementos «hijos» de un elemento desde el selector $(this) de jquery:

Mejor verlo en funcionamiento con un ejemplo sobre un html básico, donde queremos acceder (al hacer «hover» sobre un elemento con clase «lista») a todos los elementos «li» que contenga (y cambiar su texto a color rojo):

<ul class="lista">
    <li>Uno</li>
    <li>Dos</li>
    <li>Tres</li>
</ul>

1. Utilizando el atributo «this«:

$(document).ready(function(){
    $(".lista").hover(function() {
        $("li", this).css('color', 'red');
    });	
});

2. Utilizando la funcion «find«:

$(document).ready(function(){
    $(".lista").hover(function() {
        $(this).find("li").css('color', 'red');
    });	
});

3. Utilizando la función «children«:

$(document).ready(function(){
    $(".lista").hover(function() {
        $(this).children("li").css('color', 'red');
    });	
});