In jQuery: hat die Selektorverwendung example_jquery

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

Dieser Selektor gleicht Elemente ab, die das vom Selektor gefundene Element enthalten.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":has(selector)")

Die Definition dieses Selektors kann für Laien etwas verwirrend sein: Wenn ein Element ein Element enthält, das mit dem Selektor (Selektor) übereinstimmt, wird dieses Element abgeglichen. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("div:has(p)")

Der obige Selektor stimmt mit div-Elementen überein, die p-Elemente enthalten.
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:

$("div:has(p)").css(" Farbe“, „blau“)

Der obige Code setzt die Schriftfarbe im div-Element, das das p-Element enthält, auf Blau.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":has") äquivalent zu $("*:has").

Parameterliste:

参数	描述
selector	一个用于筛选的选择器。

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

Ich füge span nicht hinzu

Ich bin span

Klicken Sie, um den Effekt zu sehen

Der obige Code kann die Rahmenfarbe des Div, das das Span-Element enthält, auf Rot setzen.
Beispiel 2:

Code kopieren Der Code lautet wie folgt:

Ich füge span nicht hinzu

Ich bin span

Ich bin span

Klicken Sie, um den Effekt zu sehen




Da der obige Code keinen Selektor angibt, der mit dem Selektor :has verwendet werden soll, wird er standardmäßig mit dem Selektor * verwendet, sodass der obige Code die Rahmenfarbe aller Elemente, die alle Span-Elemente enthalten, auf Rot setzen kann.

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