In jQuery: Verwendung des ersten untergeordneten Selektors example_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung von: First-Child-Selektor in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

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

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":first-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:

$("ul li:first-child").css(" Farbe“, „blau“)

Der obige Code kann die Schriftfarbe im ersten 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

Im obigen Code kann durch Klicken auf die Schaltfläche die Textfarbe des ersten li-Elements unter jedem ul auf Blau gesetzt werden.

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