In jQuery: Verwendung nur untergeordneter Selektoren example_jquery

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

Dieser Selektor stimmt mit dem einzigen untergeordneten Element des übergeordneten Elements überein. Wenn das übergeordnete Element andere Elemente enthält, wird es nicht abgeglichen.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":only-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:only-child").css("color "," blau")

Der obige Code kann die Schriftfarbe im li-Element unter dem ul-Element mit nur einem li-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

• 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.