Welche Arten von JQuery-Selektoren gibt es?

Basisauswahl

Element

$(“p”)

Alle< ;p> elements

.class.class

$(".a.b")

Alle Elemente mit Klasse=a und Klasse=b auswählen

Grundlegende Filterauswahl

:first

$(“p:first”)

Wählen Sie das Erste aus p-Element

:last

$("p:last")

Wählen Sie das letzte p-Element aus

:odd

$(“p :odd")

Alle p-Elemente an ungeraden Positionen auswählen

:even

$(“p:even”)

Alle p-Elemente an geraden Positionen auswählen

:ep(n)

$(“p:eq(n)”)

Wählen Sie das n-te p-Element aus (Index ab 0)

:gt(n)

$(“li:gt(n)”)

Wählen Sie alle li-Elemente vor der n-ten Position aus (mit Ausnahme der n-ten Position)

:lt(n )

$(“li:lt(n)”)

Wählen Sie alle li-Elemente nach der n-ten Position aus (mit Ausnahme des n-ten Bits)

:root

$(“p:root”)

Wählen Sie das Wurzelelement von p aus (ohne Beim Schreiben eines Tags bedeutet dies, dass das globale Stammelement ausgewählt wird)

:header()

$(“p :header)

Wählen Sie alle Titel im P-Tag aus (wenn kein Tag geschrieben ist, bedeutet dies, dass der globale Titel ausgewählt wird)

:lang

$(“p:lang(sprache)”)

Tag P Wählen Sie die angegebene Sprache aus (wenn nein Tag geschrieben ist, bedeutet dies die Auswahl des globalen Titels)

:not

$(" li:not( .active)“)

Andere Elemente als .active auswählen

:hidden

$(“p:hidden”)

Alle P-Tags ausblenden

:sichtbar

$(“p:visible”)

Alle p-Tags anzeigen

:target

$(“:target”)

Alle Elemente im Zielzustand auswählen

:anmated

$(“p:anmated”)

Running-Animation abrufen

Filter für untergeordnete Elemente

:first-child

$(“p p:first-last”)

Wählen Sie das erste untergeordnete Element mit der Bezeichnung P in p aus

:last-child

$ (" p p:last-child")

Wählen Sie das letzte untergeordnete Element in p aus, das das Tag p ist (keine Positionsbeschränkung)

:first-of-type

$(“p p:first-of-type”)

Get p ri The erstes p-Tag, das erscheint (unabhängig von der Position)

:last-of-type

$( "p p :last-of-type")

Ruft das letzte p-Tag ab, das in p erscheint (unabhängig von der Position)

:nth-child(n)

$(“p p:nth-child(2)”)

Get p ri The zweites p-Tag (Index beginnt bei 1)

:nth-of-type(n)

$( "p p:nth-of-type(2)")

Rufen Sie das zweite p-Tag ab, das in p erscheint (der Index beginnt bei 0)

:nth-last-of-type(n)

$(“p p:nth-last-of-type(n )“)

Holen Sie sich das letzte p-Tag, das in p erscheint

:only-child

$(“p p:only-child”)

Erhalte das einzige untergeordnete Element p in p

:only-of-type

$(“p p:only-of-type”)

Holen Sie sich das einzige Tag von Peer p mit tag p

:only-of-type(even/odd)

$(“p p:only- of-type(even/odd)“)

Alle ungeraden oder geraden P-Tags in p abrufen (der Index beginnt bei 1)

Inhaltsfilter

:contains()

$( „p:contains(123)“)

Alle Tags abrufen, die „123“ im p-Tag enthalten

:empty

$(“p:empty”)

Holen Sie sich das p-Tag Alle Elemente ohne Inhalt (Leerzeichen zählen als Inhalt)

:has()

$(“p: has(P)”)

Alle p mit p-Tag abrufen

:parent

$(“p:parent” )

Ermitteln Sie das p des Grapefruitelements in allen Elementen (einschließlich Textknoten)

Formular Selektor

:text

$ (":text")

Wählen Sie alle Felder aus, deren Typ Text ist oder deren Typ kein Attribut hat

:password

$(":password")

Alle vom Typ Passwort auswählen

:reset

$(“:reset”)

Alle auswählen

$(“:image”)

Schaltfläche „Alle Bilder auswählen“

:input

$(“:input”)

Alle Eingabe-, Textbereichs-, Auswahl- und Schaltflächenelemente auswählen

:enabled

$(“:enabled”)

Alle verfügbaren Eingänge auswählen

:disabled

$(“:disabled”)

Auswählen alle nicht verfügbaren Eingaben

:select

$(":select")

Das ausgewählte Optionselement

:checked

$(“:checked ”)

Ausgewähltes Eingabeelement (markiert)

:focus

$(“ :focus“)

Wählen Sie die Seite aus und geben Sie die fokussierte Eingabe ein