Zusammenfassung der gängigen jQuery-Selektoren_jquery

Grundelementauswahl

Code kopieren Der Code lautet wie folgt:

$("p")
$("p.ii") wählt alle p Elemente mit class=ii
aus $("p#demo") wählt das erste p-Element mit id=demo
aus

Hierarchischer Selektor

Code kopieren Der Code lautet wie folgt:

$("div input")Alle Eingaben unter div
$("div>input")

Grundzustandsauswahl

Code kopieren Der Code lautet wie folgt:

$("p:first")
$("p:last")
$("tr:even") wählt gerade Zeilen aus
$("tr:odd")Odd
$("input:not(:checked)") wählt alle ausgewählten Elemente
aus $("tr:eq(1)")Tabelle mit Indexwert 1
$("tr:gt(0)") ist größer als 0
$("tr:lt(0)") ist kleiner als 0
$(":header") wählt alle Header-Elemente
aus $(":animated")Die Animation, die ausgeführt wird

Inhaltsbedingungsauswahl

Code kopieren Der Code lautet wie folgt:

$("div:constains('ddd')") wählt das Ebenenelement aus, das ddd-Text
enthält $("td:empty") wählt Tabellenzellen aus, die keinen Text oder Unterelemente enthalten
$("div:has(p)") wählt das Ebenenelement aus, das das Absatzelement
enthält $("td:parent") wählt Tabellenzellen aus, die untergeordnete Elemente oder Text enthalten

Sichtbarkeitsbedingungsauswahl

Code kopieren Der Code lautet wie folgt:

$("tr:hidden") //Alle ausgeblendeten Tabellen auswählen
$("tr:visible") wählt alle sichtbaren Tabellen aus

Attributauswahl

Code kopieren Der Code lautet wie folgt:

$("div[id]")Ebene mit ID-Attribut
$("input[name='']") Eingabeattributname=''
$("input[name!='']")
$("input[name^='']") wählt das Formulareingabeelement aus, das das Namensattribut und den Wert '' als Startinhalt hat
$("input[name$='']") wählt das Formulareingabeelement aus, das das Namensattribut und den Wert '' als Endinhalt hat
$("input[name*='']") wählt das Formulareingabeelement mit dem Namensattribut und dem Wert ''
aus $("input[id][name$='']") wählt das Eingabeformularelement mit dem Wert der ID- und Namensattribute aus, die mit ''
enden

Selektor für untergeordnete Elemente

Code kopieren Der Code lautet wie folgt:

$("ul li:nth-child(2)") wählt das zweite Listenelement
aus $("ul li:nth-child(even)")
$("ul li:nth-child(odd)")
$("ul li:nth-child(3n)")
$("ul li:first-child")
$("ul li:last-child")
$("ul li:only-child") Die Auswahlliste erscheint und nur ein Listenelement erscheint

Formularelementauswahl

Code kopieren Der Code lautet wie folgt:

$("input") wählt alle Eingabetextbereich-Auswahlschaltflächen und andere Elemente
aus $(":text")Textzeile
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
$(":hidden")

Formularattributselektor

Code kopieren Der Code lautet wie folgt:

$("input:enabled") //Alle verfügbaren auswählen
$("input:disabled")
$("input:checked")
$("select:option:selected")