(1) Grundlegende Objekterfassung
$("*")
Alle Objekte abrufen
$("#element")
Die ID abrufen als element Das Objekt entspricht document.getElementById("element");
$(".abc")
Get das Objekt mit der Klasse abc
$("div")
Alle div-Elemente in HTML abrufen
$("#a,.b,p")
ID a und Klasse b und alle p-Elemente abrufen
$("# a .b p")
Holen Sie sich das p-Element unter dem Element mit der ID a und der Klasse b
(2) Holen Sie sich das hierarchische Objekt
$("div> input")
Alle Eingabeobjekte unter div abrufen
$("div h")
Ein h-Element direkt nach dem div abrufen
$("div~p ")
Alle p Elemente nach dem Element div abrufen
(3) Einfache Objekterfassung
$("element:first")
Das erste Element abrufen auf der Seite wie $("div:frist") stellt das erste div dar
$("element:last")
Ruft das letzte Element auf der Seite ab wie $("div:frist" ) stellt das letzte Div dar
$("element:not(selector)")
Alle Elemente entfernen, die mit dem Selektor übereinstimmen, z. B. $("input:not(:check )") stellt alle nicht aktivierten Kontrollkästchen dar
$("element:even")
Ruft die geraden Reihen von Elementelementen ab
$("element:odd")
Ruft die ungerade Reihe von Elementen ab
$("element:eq(index)")
Erhalten Sie das Element mit einem bestimmten Index wie $("div:el(2)") für das dritte div
$("element :gt(index)")
Entspricht allen Elementen, die größer als der angegebene Indexwert sind
$("element:lt(index)")
Entspricht allen Elementen, die kleiner als der angegebene Indexwert sind
$(":header")
Entspricht den mit h-Tags versehenen Elementen
$("element:animated")
Entspricht allen Elementen, die keine Animationseffekte ausführen. Elemente von
(4) Erfassung von Inhaltsobjekten und Sichtbarkeit von Objekten
$("Element:contains(text)")
Text in Elementen Ob es einen bestimmten Buchstaben oder eine bestimmte Zeichenfolge enthält
$("Element:empty")
Ein Elementobjekt abrufen, das weder Text noch Unterelemente enthält
$("Element:parent")
Das Objekt abrufen Element, das Text oder Unterelemente enthält
$("Element:has(selector)")
Übereinstimmen, ob ein bestimmtes Element ein bestimmtes Element enthält, z. B. $("p:has(span)") bedeutet alle p-Elemente, die span-Elemente enthalten
$("Element:hidden")
entspricht allen unsichtbaren Elementen, einschließlich display:none und Elementen, deren Eingabeattribut ausgeblendet ist
$("Element: sichtbar")
Alle Elemente der Kursunterlagen abgleichen
(5) Erweiterte Objekterfassung
$("Element[id]")
Alle Elemente abrufen mit id attribute
$("Element[attribute=abcd]")
Alle Elemente mit dem Attribut abcd abrufen
$("Element [attribute!=abcd]")
Alle Elemente abrufen, deren Attribut nicht abcd ist
$("Element[attribute^=ab]")
Alle Elemente abrufen, deren Attribut mit ab beginnt Die Elemente von
$(" Element[attribute$=ab]")
Alle Elemente abrufen, deren Attribut auf ab endet
$("Element[attribute*=ab]" )
Alle Elemente abrufen, deren Attribut enthält ab
$("Element[selector1][selector2][...]")
Entspricht Attributselektoren wie $(" input[id][name][value=abcd]") bedeutet, das Eingabeelement mit ID, Name und Wert abcd zu erhalten
(6) Unterelemente erhalten
$("Element:nth-child(index)" )
Wählen Sie das N-te untergeordnete Element unter dem übergeordneten Element aus, der Index beginnt bei 1
:nth-child(even) even
:nth- child(odd) odd number
:nth-child(3n ) Ausdruck
:nth-child(2) index
:nth-child(3n 1) Ausdruck
$(" Element:first-child")
Das erste untergeordnete Element unter dem parent
$("Element:last-child")
Das letzte untergeordnete Element unter dem übergeordneten Element
$("Element:only-child")
Das einzige untergeordnete Element unter dem übergeordneten Element
(7) Abrufen des Formularobjekts
$(:input)
Kann nur mit Eingabeelementtyp übereinstimmen, Eingabeschaltfläche, Textbereich auswählen
$(:text)
Alle Textfelder der aktuellen Zeile
$(:password)
Alle Passwortfelder
$(:radio)
Alle Optionsfelder
$(:checkbox)
Alle Kontrollkästchen
$( :submit)
Alle Übermittlungsschaltflächen
$(:image)
Alle Bildfelder
$(:reset)
Alle Aufladeschaltflächen
$(:button )
Alle Schaltflächen
$(:file)
Alle Datei-Upload-Felder
$(:hidden)
Alle unsichtbaren Elemente oder Elemente vom Typ versteckt
$(:enabled)
Alle verfügbaren Eingabeelemente
$(:disabled)
Alle deaktivierbaren Eingabeelemente
$(:checked)
Alle Kontrollkästchenelemente
$(:selected)
Alle Dropdown-Tabellen
(8) Festlegen und Entfernen von Elementattributen
$("Element").attr(name)
Rufen Sie den Attributwert des ersten passenden Elements ab, z. B. $("img").attr ("src");
$("Element") .attr({key:value,key:value,......})
Mehrere Attribute für ein Element gleichzeitig festlegen
$("Element").attr(key, value)
Setzen Sie ein Attribut für ein Element
$("Element").attr(key,function)
Setzen ein berechnetes Attribut für alle übereinstimmenden Elemente
$ ("Element").removeAttr(name)
Entferne ein Attribut