Seletor :first do jQuery

Seletores do jQuer

O seletor :first escolhe o primeiro elemento DOM correspondente.

Ele geralmente é usado em conjunto com outro seletor para escolher o primeiro elemento do grupo (como mostrado no exemplo a seguir).

Atenção: O seletor :first pode escolher apenas um elemento.

usarprimeiro-childO seletor escolhe o primeiro elemento filho de um elemento pai.

Sintaxe:

$("":first")

Exemplo

Escolher o primeiro parágrafo:

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

Escolher o primeiro item da lista:

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

Escolher a primeira linha:

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

Exibir: first e first-Diferença entre os seletores child:

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

Seletores do jQuer