Welche drei Arten von Selektoren gibt es in JQuery?

Die drei Selektoren von

jquery: 1. Basisselektor, der aus Element-ID, Elementname, Klassenname und mehreren Selektoren besteht; 2. Hierarchischer Selektor, der Elemente durch die hierarchische Beziehung zwischen DOM-Elementen erhält; Verschiedene Filterregeln können auch in einfache Filterung, Inhaltsfilterung, sichtbare Filterung, Attributfilterung, Formularfilterung usw. unterteilt werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

1. Basisselektor

Es besteht aus Element-ID, Elementname und mehreren Selektoren. Über den Basisselektor können die meisten Seitenelemente durchsucht werden.

element.class* selector1, selectorN2. Hierarchischer Selektor

Selektor	Funktionsbeschreibung
matcht ein Element basierend auf der angegebenen ID
matcht alle Elemente basierend auf dem angegebenen Elementnamen
matched Elemente basierend auf der angegebenen Klasse
Match all Elemente
Ordnen Sie jeden Selektor den Elementen zu und geben Sie sie zusammen zurück

Der hierarchische Selektor erhält Elemente durch die hierarchische Beziehung zwischen DOM-Elementen, seine wichtigsten hierarchischen Beziehungen umfassen Nachkommen , Vater-Sohn-, Nachbar- und Bruderbeziehungen, durch die bestimmte Arten von Beziehungen verwendet werden können, um Elemente bequem und schnell zu lokalisieren.

SelektorVorfahren-NachkommenEltern>Kind vorh +nextpre~siblings3. Filterselektor

Funktionsbeschreibung
passt alle Nachkommen-Elemente basierend auf Vorfahren-Elementen ab.
Matcht alle untergeordneten Elemente basierend auf Eltern-Elementen
übereinstimmt alle angrenzenden Elemente direkt nach dem vorherigen Element
übereinstimmt alle nebengeordneten Elemente nach dem pre-Element

Filter? Es müssen unbedingt Filterbedingungen hinzugefügt werden. Fügen Sie Filterbedingungen über „:“ hinzu, z. B. „$(“div:first“)“, um das erste div-Element in der div-Elementsammlung zurückzugeben, und zuerst ist die Filterbedingung.

Gemäß verschiedenen Filterregeln können Filterselektoren unterteilt werden in: einfache Filterselektoren, Inhaltsfilterselektoren, Sichtbarkeitsfilterselektoren, Attributfilterselektoren, Unterelementfilterselektoren, Formularobjektattributfilterselektoren usw. .

1) Einfacher Filterselektor

Der Filterselektor gleicht Elemente gemäß bestimmten Filterregeln ab. Wenn er geschrieben wird, ist er der am häufigsten verwendete Filterselektor unter den Filterselektoren

selectorFunktionsbeschreibungfirst() oder:firstErstes Element abrufenDas letzte Element abrufen. Alle Elemente außer dem angegebenen Selektor abrufen Alle Elemente mit einem geraden Indexwert abrufen, die Indexnummer beginnt bei 0 Alle Elemente mit einem ungeraden Indexwert abrufen Die Indexnummer beginnt bei 0 Der angegebene Indexwert, die Indexnummer beginnt bei 0 Elemente wie h1, h2... Elementsammlung Holen Sie sich das Element, das den Animationseffekt ausführt 2) Inhaltsfilterauswahl Inhaltsfilterauswahl basierend auf dem Text in Der Elementinhalt oder die enthaltenen Unterelementeigenschaften erhalten das Element, und sein Textinhalt kann absolut unscharf oder absolut auf die Elementpositionierung abgestimmt sein Holen Sie sich die Inhalte von Elementen mit festem Text. übergeordnetes Element Elemente abrufen, die untergeordnete Elemente oder Text enthalten3) SichtbarkeitsfilterSelektorFunktionsbeschreibung

	last() oder:last
	:not(select oder )
	:even
	:odd
	:animiert
Sichtbarkeitsfilter-Selektor Elemente basierend darauf abrufen, ob das Element sichtbar ist oder nicht

:hiddenAlle unsichtbaren Elemente oder Elemente mit dem Typ „hidden“ abrufen

:visbleAlle sichtbaren Elemente abrufen

4) Attributfilter

Attributfilter ruft das Element basierend auf einem bestimmten Attribut des Elements ab, z. B. einer ID-Nummer oder einem Inhalt, der mit dem Attributwert übereinstimmt, und beginnt mit einem „[“ und endet mit einem „]“

Selektor	Funktionsbeschreibung
[Attribut]	Erhalten Sie das Element, das das angegebene Attribut enthält.
[Attribut=Wert]	Erhalten Sie das Element, das dem angegebenen Attribut entspricht und einen bestimmten Wert hat
[Attribut!=Wert]	Elemente abrufen, die nicht dem angegebenen Attribut entsprechen, das einen bestimmten Wert hat.
[Attribut^=Wert]	Elemente abrufen, die nicht dem angegebenen Attribut entsprechen beginnt mit einem bestimmten Wert
[attribute$=value]	Ruft das Element ab, bei dem das angegebene Attribut mit einem bestimmten Wert endet.
[attribute*=value]	Ruft das Element ab, bei dem das angegebene Attribut mit einem bestimmten Wert endet Wert
[selector1][selector2][selectorN]	Erhalten Sie Elemente, die Attribute erfüllen, die mehrere Bedingungen erfüllen

5) Unterelementfilter

Versuchen Sie während des Seitenentwicklungsprozesses, auf Highlight zu stoßen die Notwendigkeit einer bestimmten Linie. Obwohl der grundlegende Filterselektor „:eq(index)“ zum Anzeigen einer einzelnen Tabelle verwendet werden kann, kann er die Auswahlanforderungen großer Datenmengen und mehrerer Tabellen nicht erfüllen. Um eine solche Funktion zu erreichen, kann jQuery über die Filterauswahl für untergeordnete Elemente problemlos ein Element in allen übergeordneten Elementen abrufen.

Selektor	Funktionsbeschreibung
:nth-child(eq/even/odd/index)	Rufen Sie das spezifische Positionselement unter jedem übergeordneten Element ab, die Indexnummer beginnt bei 1
:first-child	Erstes untergeordnetes Element unter jedem übergeordneten Element abrufen
:last-child	Das letzte untergeordnete Element unter jedem übergeordneten Element abrufen
:only-child	Nur ein untergeordnetes Element abrufen unter jedem übergeordneten Element

6) Formularobjektattributfilter

Der Filterselektor für Formularobjektattribute erhält das Element über die Attributeigenschaften eines Objekts im Formular, wie z. B. aktivierte, deaktivierte, aktivierte, ausgewählte Attribute.

Selektor	Funktionsbeschreibung
:aktiviert	Alle Elemente im Formular abrufen, deren Attribute verfügbar sind
:deaktiviert	Die Elemente im Formular abrufen, die nicht verfügbar sind s
:markiert	Alle ausgewählten Elemente im Formular abrufen
:ausgewählt	Alle Elemente mit ausgewählten Optionen im Formular abrufen

7) Formularfilter

im jQuery-Selektor Der Formularselektor wird in eingeführt, das speziell für Formulare entwickelt wurde. Es kann zum schnellen Auffinden eines Formularobjekts auf der Seite verwendet werden.

Selektor	Funktionsbeschreibung
:Eingabe	Alle Eingaben abrufen, Textbereich, Auswahl
:Text	Alle einzeiligen Textfelder abrufen
:Passwort	Alle Passwortfelder abrufen
:Radio	Alle Optionsfelder abrufen
:Kontrollkästchen	Kontrollkästchen abrufen
:Senden	Alle Senden-Schaltflächen abrufen
:Bild	Holen Sie sich alle Bilder domain
:reset	Alle Reset-Schaltflächen abrufen
:button	Alle Schaltflächen abrufen
:file	Alle Dateidomänen abrufen

[Empfohlen : jQuery-Video-Tutorial , Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonWelche drei Arten von Selektoren gibt es in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!