Tutorial di Base jQuery

Effetti jQuery

:nth-of-type() Il selettore seleziona tutti gli elementi di un tipo specifico in base alla loro posizione tra i fratelli dello stesso livello.

Utilizzare:nth-child()Il selettore può selezionare tutti gli elementi in base alla loro posizione (indipendentemente dal tipo).

$(":nth-of-type(number|An+B|odd|even)")

Scegliere ogni elemento <span> che appartiene al terzo elemento <span> del suo genitore:

Esempio

$("document").ready(function(){
　　$("span:nth-of-type(3)").css("background", "lime");
});

Le parole chiave 'odd' e 'even' si usano per abbinare i figli con un indice dispari o pari:

Esempio

$("document").ready(function(){
　　$("span:nth-of-type(odd)").css("background", "lime");
　　$("span:nth-of-type(even)").css("background", "aqua");
});

Parametro	Descrizione
number	Indice dell'elemento figlio da abbinare (da 1)
odd	Scegliere ogni elemento figlio pari
even	Scegliere ogni elemento figlio dispari
An+B	Specificare l'elemento figlio da selezionare Esempio: p：nth-of-type（3n + 2）scelta ogni terzo paragrafo a partire dal secondo