Il metodo eq() di jQuery

Il selettore di jQuery seleziona tutti gli elementi che rispondono alle condizioni di selezione, restituendo un oggetto simile a un array.

Ad esempio, seleziono tutti i tag <p> della pagina.

$("p");

Per applicare le modifiche solo a un elemento specifico della selezione, posso indicare l'indice dell'elemento tramite il metodo eq().

$("p").eq(n);

Dove n è l'indice associato all'elemento della selezione che voglio modificare.

Il primo elemento selezionato ha indice zero, il secondo ha indice 1, e via dicendo fino all'ultimo selezionato.

Ad esempio, seleziono il primo tag <p> della pagina e gli assegno la parola prova.

$("p").eq(0).addClass("prova");

In alternativa posso usare anche questa sintassi

$("p:eq(0)").addClass("prova");

oppure la pseudoclasse first

$("p:first").addClass("prova");

Per selezionare il secondo elemento della selezione digito

$("p").eq(1).addClass("prova");

oppure

$("p:eq(1)").addClass("prova");

Per selezionare l'ultimo elemento della classe utilizzo la parola last.

$("p:last").addClass("prova");

E così via.