Welche Arten von JQuery-Selektoren gibt es?

Selektor	Instanz	Erklärung
Basisauswahl
*	$(*)	Alle Elemente auswählen
#id	$(“#a”)	Wählen Sie das Element mit der ID=a aus
.class	$(.b”)	Klasse=b-Element auswählen
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
:button	$(“:button”)		Alles auswählen
vom Typ button (button):checkbox	$(“:checkbox”)		Alles auswählen
: Radio	$(“:radio”)		Alles auswählen diejenigen vom Typ Radio (Einzelauswahl)
:file	$(":file")		Alle Upload-Domains auswählen
:image	$(“: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

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