Heim  >  Artikel  >  Web-Frontend  >  Welche drei Arten von Selektoren gibt es in JQuery?

Welche drei Arten von Selektoren gibt es in JQuery?

青灯夜游
青灯夜游Original
2022-05-24 19:25:394794Durchsuche

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.

Welche drei Arten von Selektoren gibt es in JQuery?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn