Analyse der Verwendung des jQuery-Inhaltsfilterselektors_jquery

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

In einem HTML-Dokument kann der Inhalt eines Elements Text oder Unterelemente sein. Wenn ein bestimmter Selektor oder Inhaltsfilterselektor zusammen verwendet wird, können Sie Elemente mit einem bestimmten

weiter aus den abgefragten Elementen herausfiltern.

Text- oder Unterelementelemente

1. :contains() Selektor

wird verwendet, um alle Elemente auszuwählen, die den angegebenen Text enthalten, Format:

Code kopieren Der Code lautet wie folgt:

$( "selector1:contains(text)")

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("p:contains('text ')") .css("background", "#FCF");

2. :has() Selektor

wird verwendet, um Elemente zu filtern, die ein bestimmtes Unterelement enthalten, Format:

Code kopieren Der Code lautet wie folgt:

$(" selector1:has(selector2)")

selector1 und selector2 sind beliebige gültige Elemente

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("li:has(p) ").css ("Hintergrund", "rot");

3. :empty() Selektor

Format:

Code kopieren Der Code lautet wie folgt:

$("selector:empty")

wird verwendet. Alle Elemente auswählen, die keine untergeordneten Elemente oder Text enthalten. Alle leeren Elemente im Selektor, die keine untergeordneten Elemente oder Text enthalten, werden in die Abfrageergebnisse einbezogen

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("td:empty"). css("background", "#FCF");

4. :Elternselektor

Format:

Code kopieren Der Code lautet wie folgt:

$("selector:parent")

wird verwendet. Wählt Elemente aus, die untergeordnete Elemente oder Text enthalten, was das Gegenteil des leeren Selektors ist

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("td:parent"). css("background", "#FCF");

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