Gli ultimi tutorial di sviluppo web
 

jQuery Di movimento - Filtraggio


Restringere la ricerca di elementi

I tre metodi di filtraggio più elementari sono first(), last() e eq() , che permettono di selezionare un elemento specifico in base alla sua posizione in un gruppo di elementi.

Altri metodi di filtraggio, come filter() e not() consentono di selezionare gli elementi che corrispondono o non corrispondono, a determinati criteri.


jQuery first() Metodo

La first() restituisce il primo elemento degli elementi selezionati.

L'esempio seguente seleziona il primo <p> elemento all'interno del primo <div> elemento:

Esempio

$(document).ready(function(){
    $("div p").first();
});
Prova tu stesso "

jQuery last() Metodo

L' last() restituisce l'ultimo elemento degli elementi selezionati.

L'esempio seguente seleziona l'ultimo <p> elemento all'interno dell'ultimo <div> elemento:

Esempio

$(document).ready(function(){
    $("div p").last();
});
Prova tu stesso "

jQuery eq() metodo

L' eq() restituisce un elemento con un determinato numero di indice degli elementi selezionati.

I numeri di indice partono da 0, in modo che il primo elemento avrà il numero di indice 0 e non 1. L'esempio seguente seleziona il secondo <p> elemento (numero di indice 1):

Esempio

$(document).ready(function(){
    $("p").eq(1);
});
Prova tu stesso "

jQuery filter() Metodo

Il filter() metodo consente di specificare un criterio. Gli elementi che non corrispondono ai criteri vengono rimossi dalla selezione, e quelli che corrispondono saranno restituiti.

Nell'esempio seguente vengono restituiti tutti <p> elementi con nome di classe "intro" :

Esempio

$(document).ready(function(){
    $("p").filter(".intro");
});
Prova tu stesso "

jQuery not() Metodo

Il not() restituisce tutti gli elementi che non corrispondono ai criteri.

Tip: The not() metodo è l'opposto del filter() .

Nell'esempio seguente vengono restituiti tutti <p> elementi che non hanno nome della classe "intro" :

Esempio

$(document).ready(function(){
    $("p").not(".intro");
});
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 » Esercizio 6»


jQuery di movimento di riferimento

Per una panoramica completa di tutti i metodi di jQuery a movimento laterale, si prega di visitare il nostro jQuery traslazione di riferimento .