Corso di base jQuery

Effetti jQuery

Il metodo filter() di jQuery restituisce gli elementi che corrispondono a una condizione specifica.

Il metodo filter() di jQuery filtra tutti gli elementi che non soddisfano le condizioni selezionate e restituisce quelli che corrispondono.

Il metodo filter() di jQuery è:not()Metodo opposto.

Ottieni gli elementi che soddisfano determinate condizioni:

$("selector").filter(criteria)

Ottieni gli elementi utilizzando una funzione:

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

Restituisce tutti gli elementi con la classe "demo":

Esempio

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

Restituisce tutti gli elementi pari:

Esempio

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

Cambia il colore di tutti i div; quindi aggiungi lo stile di bordo per gli utenti con la classe "middle":

Esempio

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

Usare la funzione per filtrare gli elementi:

Esempio

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

Parametro	Descrizione
criteria	Specificare un'espressione di selettore, un oggetto jQuery o uno o più elementi restituiti da un insieme di elementi selezionati. Per specificare più condizioni, utilizzare la virgola
function(index)	Specificare la funzione da utilizzare per testare ogni elemento della collezione index-Restituisci la posizione dell'elemento nella collezione