Welche Selektoren hat JQuery? Einführung in die vier Selektoren von jquery

Wie viele Arten von JQuery-Selektoren gibt es? Ich glaube, Sie wissen vielleicht etwas darüber, daher bietet Ihnen dieser Artikel eine kurze Einführung in die Bedeutung von JQuery-Selektoren. Ich hoffe, dass dies für Freunde in Not hilfreich ist hilfreich für Sie. Hilft.

1: Die Rolle des Selektors

Rufen Sie die Tag-Elemente über der Webseite usw. ab und führen Sie dann eine Reihe von Vorgängen darauf aus (Stile hinzufügen, Verhalten hinzufügen... . )

2: Was sind die Selektoren

Basisselektor, hierarchischer Selektor, Formularselektor

1: Basisselektor
Der Basisselektor ist der am häufigsten verwendete Selektor in jquery und auch der einfachste Selektor. Er kann nach
DOM-Elementen über Element-ID, Klasse und Tag-Name suchen (Auf der Webseite kann die ID nur einmal verwendet werden, die ID ist eindeutig, aber die Klasse darf wiederholt verwendet werden)

1 🎜>Verwendung: $("#id name"); Gibt eine Sammlung einzelner Elemente zurück

2. Klasse (Klassenselektor)

Verwendung: $(". class") ; Sammlungselemente zurückgeben

Erklärung: .class ist der Stilname

3. Element (Tag-Selektor)

Verwendung : $("span,p,p") ; Sammlungselemente zurückgeben

4, $("*"): Sammlungselemente zurückgeben, alle Elemente abgleichen

2: Hierarchischer Selektor

1: Elternteil Kind: Vorfahren und Nachkommen

Drei: Filterselektor

Grundlegender Filterselektor (auch der am häufigsten verwendete Filterselektor)

:not(select)

Verwendung: $(input:not(select)) Gibt das Sammlungselement

Beschreibung: Alle Elemente entfernen, die mit dem angegebenen Selektor übereinstimmen. Etwas ähnlich wie „nicht“

:first Finden Sie das erste Element

:last Finden Sie das letzte Element

:odd Passen Sie das Element an, dessen Index die Basis ist

:even Entspricht Elementen mit geraden Indizes.

:eq("subscript") Entspricht Elementen mit angegebenen Indizes.

:gt("subscript") Entspricht Indexwerten, die größer als der angegebene Index sind Elemente (ohne sich selbst)

:lt("subscript") Entspricht Elementen mit Indexwerten, die kleiner als der angegebene Indexwert sind (ohne sich selbst)

Inhaltsfilterauswahl

: enthält ("Textinhalt") Ob das übereinstimmende Element den angegebenen Textinhalt enthält : hat (Labelelement) // Entspricht Elementen, die das vom Selektor übereinstimmende Element enthalten

: leer // Elemente mit leerem Inhalt abgleichen

: übergeordnetes Element // Elemente mit untergeordneten Elementen oder Text abgleichen

Attributfilterauswahl

[Attribut = Wert]: Der Attributfilterselektor dient zum Abrufen des entsprechenden Elements über das Attribut des Elements. Das aktivierte Kontrollkästchen gibt einen Sammlungs--Attribut zurück, das in den Sichtbarkeitsfilter „true“

geändert wurde Selektor

: versteckt, um versteckte Elemente zu filtern (type= "hidden",css: display="none")

: sichtbar Sichtbare Elemente filtern

Filterauswahl für untergeordnete Elemente

:nth- child(index/even/odd/equation)

Hinweis: Der Indexwert beginnt hier bei 1 und Gleichung beginnt bei 0

: first-child Findet das erste untergeordnete Element: last-child Findet das letzte untergeordnete Element

: only-child Elemente mit nur einem untergeordneten Element abgleichen

Filterauswahl für Formularobjektattribute

: deaktiviert Nicht verfügbare Elemente filtern

: aktiviert Verfügbare Elemente filtern

: aktiviert Ausgewählte Kontrollkästchen filtern : Das ausgewählte Dropdown-Feld „Filter“ ist ausgewählt. Das Element

DOM-Vorgang besteht darin, Elemente hinzuzufügen, zu löschen, zu ändern und zu überprüfen

Verwandte Empfehlungen:

Einführung zum JQuery-Selektor

JQuery-Selektor (häufig verwendete Selektorbeschreibung)_jquery

JQuery-Selektor Sonderserie detaillierte Zusammenfassung_jquery

Das obige ist der detaillierte Inhalt vonWelche Selektoren hat JQuery? Einführung in die vier Selektoren von jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!