In jQuery: Verwendung des Last-Child-Selektors example_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung des :last-child-Selektors in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Dieser Selektor entspricht dem letzten untergeordneten Element des übergeordneten Elements.

Beachten Sie, dass :last nur ein Element auswählt und dieser Selektor mit dem letzten untergeordneten Element jedes übergeordneten Elements übereinstimmt.
Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":last-child")

Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektoren, Elementselektoren usw. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("li:last-child").css("color "," blau")

Der obige Code kann die Schriftfarbe im letzten li-Element unter dem übergeordneten Element auf Blau setzen.

Hinweis: Es ist notwendig, das Konzept in Kombination mit dem obigen Code zu erklären. Das hier erwähnte übergeordnete Element ist nicht li, sondern das übergeordnete Element von li. Viele Leute denken oft fälschlicherweise, dass es mit dem letzten Element unter den untergeordneten Elementen des li-Elements übereinstimmt.

Beispielcode:

Code kopieren Der Code lautet wie folgt:

• ASP-Tutorial


• ASP.NET-Tutorial


• PHP-Tutorial

• html-Tutorial


• DIV-CSS-Tutorial


• jQUERY-Tutorial


• jAVAScript-Tutorial

Klicken Sie, um den Effekt zu sehen

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.