Selettore :first di jQuery

Selettore jQuer

Il selettore :first seleziona il primo elemento DOM che corrisponde.

Di solito viene utilizzato insieme ad un altro selettore per selezionare il primo elemento di un gruppo (come nell'esempio seguente).

Attenzione: Il selettore :first può selezionare solo un elemento.

Utilizzo:first-childIl selettore seleziona il primo figlio dell'elemento genitore.

Grammatica:

$":first"

Esempio

Scegli il primo paragrafo:

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

Scegli il primo elemento della lista:

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

Scegli la prima riga:

$("document").ready(function(){
　　$("tr:first").css("background", "coral");
});

Mostra: la differenza tra i selettori :first e :first-child

$("document").ready(function(){
　　$("#btn1").click(function(){
　　　　$("p:first").css("background-color", "coral");
　　});
　　$("#btn2").click(function(){
　　　　$("p:first-child").css("background-color", "lightgreen");
　　});
});

Selettore jQuer