Heim > Artikel > Web-Frontend > 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.
Es besteht aus Element-ID, Elementname und mehreren Selektoren. Über den Basisselektor können die meisten Seitenelemente durchsucht werden.
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 |
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 |
Der Filterselektor gleicht Elemente gemäß bestimmten Filterregeln ab. Wenn er geschrieben wird, ist er der am häufigsten verwendete Filterselektor unter den Filterselektoren
selectorlast() oder:last | |
:not(select oder ) | |
:even | |
:odd | |
:animiert | |
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 enthalten |
3) Sichtbarkeitsfilter | |
Sichtbarkeitsfilter-Selektor Elemente basierend darauf abrufen, ob das Element sichtbar ist oder nicht | |
Funktionsbeschreibung |
:hiddenAlle unsichtbaren Elemente oder Elemente mit dem Typ „hidden“ abrufen
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!