Detaillierte Erklärung von jQuery selector_jquery

Die Funktion $() wird in vielen JavaScript-Bibliotheken als Selektorfunktion verwendet, in jQuery ist sie es.

　$("#id") ruft das Element anhand der ID ab, die zum Ersetzen der Funktion document.getElementById() verwendet wird.

　$("tagName") erhält Elemente über Tag-Namen und wird verwendet, um die Funktion document.getElementsByTagName() zu ersetzen.

Die grundlegende Syntax von jQuery lautet: $(selector).action(), selector ist der Selektor.

Klassifizierung von jQuery-Selektoren

Die Selektoren von jQuery können grundsätzlich in vier Kategorien unterteilt werden:

Basisselektor (Basic)

Ebenenauswahl (Level)

Filterauswahl (Filter)

Formularauswahl (Formular)

Einige Kategorien können in bestimmte Unterkategorien unterteilt werden.

Basisauswahl

* entspricht allen Elementen. Beispiel: $("*") wählt alle Elemente aus

#id gleicht Elemente basierend auf der angegebenen ID ab (es wird höchstens ein Element zurückgegeben). Beispiel: $("#lastname") wählt das Element mit der ID="lastname" aus.

.class gleicht Elemente basierend auf dem angegebenen Klassennamen ab. Beispiel: $(".intro") wählt alle Elemente mit class="intro" aus.

Das

-Element stimmt mit Elementen überein, die auf dem angegebenen Elementnamen basieren. Beispiel: $("p") wählt alle

-Elemente aus

　.class.class Beispiel: $(".intro.demo") wählt alle Elemente mit class="demo".(Intersection) aus.

　selector1, selector2, …, selectorN, kombinieren die von jedem Selektor übereinstimmenden Elemente und geben sie zusammen zurück (Union).

Mit Ausnahme des #id-Selektors, der ein einzelnes Element zurückgibt, geben andere Selektoren Sammlungen von Elementen zurück

Dies liegt daran, dass die ID in der HTML-Spezifikation eindeutig sein sollte, sodass Elemente mit wiederholten IDs nicht berücksichtigt werden

Wenn mehrere Elemente dieselbe ID haben, kann nur das erste Element erhalten werden, indem diese ID verwendet wird. Das heißt, das Längenattribut des erhaltenen jQuery-Objekts ist 1.

Wenn das abzugleichende Element nicht vorhanden ist, wird ein leeres jQuery-Objekt zurückgegeben

Grundlegende Selektoren können durch Kommas getrennt kombiniert werden, und das Ergebnis ist die Vereinigung der Ergebnisse aller Bedingungen

Wenn nicht durch Kommas getrennt, sollte es der Schnittpunkt sein, an dem alle Bedingungen erfüllt sind

Ebenenauswahl

　$(“Vorfahren Nachkomme”) wählt alle Nachkommenelemente im Vorfahrenelement aus, einschließlich direkt untergeordneter Elemente und tiefer verschachtelter Nachkommenelemente.

Beispiel: $("div span") wählt alle -Elemente in

aus.

Hinweis: Der Selektor scannt die gesamte Seite und gibt alle Elemente zurück, die die Auswahlbedingungen erfüllen. Daher werden die Elemente ausgewählt

$("parent>child") wählt das untergeordnete Element unter dem übergeordneten Element aus, d. h. es werden nur die direkten untergeordneten Elemente ausgewählt.

Beispiel: $("div>span") wählt das untergeordnete Element aus, dessen Elementname ist.

　$("prev next") wählt das nächste Element (gleiche Ebene) unmittelbar nach dem vorherigen Element aus.

Beispiel: $(.one div”) wählt das nächste div-Element mit Klasse eins aus.

　$("prev siblings") wählt alle Geschwisterelemente nach dem vorherigen Element (gleiche Ebene) aus.

Beispiel: $("#two~div") wählt alle

gleichgeordneten Elemente nach dem Element mit der ID zwei aus.

Äquivalente Methode:

　$("prev next") entspricht der Methode $("prev").next("next"); wählt das nächste Element unmittelbar nach dem vorherigen Element aus.

$("prev~sublings") entspricht der Methode $("prev").nextAll("sublings"), die alle Sublings-Elemente derselben Ebene nach dem prev-Element auswählt.

Und die Methode $("prev").sublings("next") wählt alle nächsten Elemente aus, die derselben Generation wie prev angehören, unabhängig von der vorderen und hinteren Position

Filterauswahl

Die allgemeine Kategorie der Filterselektoren ist in sechs Unterkategorien unterteilt: Grundlegende Filterung; Filterung von Sichtbarkeitsattributen; Filterung von Formularobjekten

Grundlegende Filterung

GT und lt sind größer bzw. kleiner als.

Inhaltsfilterung

Sichtbarkeitsfilterung

Attributfilterung

Die Attributfilterung wird durch eckige Klammern gekennzeichnet

Beachten Sie, dass bei der Verbindung mehrerer Attributfilterselektoren die Schnittmenge der Ergebnisse verwendet wird

Filterung untergeordneter Elemente

Im vorherigen Basisfilterselektor wird der Index ab 0 berechnet. Hier wird der Index des Unterelement-Filterselektors ab 1 berechnet.

Filterung von Formularobjektattributen

Formularauswahl

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

Vorheriger Artikel：Beispiel für die Verwendung der Delegate()-Methode in jQuery_jqueryNächster Artikel：Beispiel für die Verwendung der Delegate()-Methode in jQuery_jquery

In Verbindung stehende Artikel

Mehr sehen

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse