Tutoriales básicos jQuery

Efectos jQuery

El método filter() devuelve los elementos que coinciden con la condición específica.

El método filter() filtra todos los elementos que no cumplen con las condiciones seleccionadas y devuelve aquellos que coinciden.

El método filter() denot()Método inverso.

Obtener elementos que cumplan con condiciones específicas:

$(selector).filter(criteria)

Usa una función para obtener elementos:

$(selector).filter(function(index))

Devuelve todos los párrafos con la clase "demo":

Ejemplo

$("document").ready(function(){
　　$("p").filter(".demo").css("background", "coral");
});

Devuelve todos los elementos pares:

Ejemplo

$("document").ready(function(){
　　$("li").filter(:even).css("background", "coral");
});

Cambiar el color de todos los div; luego agregar estilos de borde para los usuarios con la clase "middle":

Ejemplo

$("document").ready(function(){
　　$("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red");
});

Filtrar elementos usando una función:

Ejemplo

$("document").ready(function(){
　　$("div").filter(function(i){　　
　　　　　　　　return $(this).hasClass("middle");
　　}).css("background-color", "blue");
});

Parámetros	Descripción
criterios	Especificar una expresión de selector, un objeto jQuery o uno o más elementos devueltos de un grupo de elementos seleccionados. Para especificar múltiples condiciones, utilice comas
function(index)	Especificar una función para probar cada elemento del conjunto índice-Devolver la posición del elemento en el conjunto