jQuery :first-Selektor

jQuer Selektoren

：first-Selektor wählt das erste passende DOM-Element aus.

Er wird normalerweise zusammen mit einem anderen Selektor verwendet, um den ersten Element der Gruppe auszuwählen (wie im folgenden Beispiel gezeigt).

Hinweis：： Der :first-Selektor kann nur ein Element auswählen.

Verwendung：erster-childDer Selektor wählt den ersten Kindelement, das zu seinem Elternelement gehört.

Syntax:

$(":first")

Beispiel

Wählen Sie das erste Absatz aus:

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

Wählen Sie den ersten Listeneintrag aus:

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

Wählen Sie die erste Zeile aus:

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

Anzeigen: first und :first-Unterschiede zwischen den child-Selektoren:

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

jQuer Selektoren