jquery verwendet nicht nur ID-Selektoren. jQuery bietet eine Vielzahl von Selektoren: 1. Klassenselektor, der Elemente durch Angabe der Klasse finden kann 2. Tag-Selektor, der Elemente anhand des HTML-Tag-Namens auswählen kann 3. Attributselektor, der XPath-Ausdrücke verwendet, um Elemente mit angegebenen Attributelementen auszuwählen; 4. Gruppenauswahl usw.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Mit jQuery-Selektoren können Sie Gruppen von HTML-Elementen oder einzelne Elemente bearbeiten.
jQuery-Selektoren „suchen“ (oder wählen) HTML-Elemente basierend auf der ID, Klasse, dem Typ, den Attributen, Attributwerten usw. des Elements aus. Es basiert auf vorhandenen CSS-Selektoren sowie einigen benutzerdefinierten Selektoren.
Alle Selektoren in jQuery beginnen mit einem Dollarzeichen: $().
jQuery Element Selector
jQuery verwendet CSS-Selektoren, um HTML-Elemente auszuwählen.
$("p") wählt das
-Element aus.
$("p.intro") wählt alle
-Elemente mit class="intro" aus.
$("p#demo") wählt alle
-Elemente mit id="demo" aus.
jQuery-Attributauswahl
jQuery verwendet einen XPath-Ausdruck, um Elemente mit einem bestimmten Attribut auszuwählen.
$("[href]") Wählt alle Elemente mit dem href-Attribut aus.
$("[href='#']") Wählt alle Elemente aus, deren href-Wert gleich „#“ ist.
$("[href!='#']") Wählt alle Elemente aus, deren href-Wert ungleich „#“ ist.
$("[href$='.jpg']") Wählt alle Elemente aus, deren href-Wert mit „.jpg“ endet.
#id selector
jQuery #id selector wählt das angegebene Element über das id-Attribut des HTML-Elements aus.
Die ID des Elements auf der Seite sollte eindeutig sein. Wenn Sie also das eindeutige Element auf der Seite auswählen möchten, müssen Sie den #id-Selektor verwenden.
Die Syntax zum Auswählen von Elementen anhand der ID lautet wie folgt:
$("#test")
Das Beispiel lautet wie folgt:
123
这是一个标题
这是一个段落
这是另外一个段落
Ausgabeergebnis:
.Klassenselektor
jQuery-Klassenselektor kann Elemente anhand der angegebenen finden Klasse.
Die Syntax lautet wie folgt:
$(".test")
Das Beispiel lautet wie folgt:
这是一个标题
这是一个段落。
这是另外一个段落。
Ausgabeergebnis:
Gruppenselektor
Der Gruppenselektor wird verwendet, um den gleichen Vorgang an mehreren Selektoren gleichzeitig auszuführen .
Syntax:
$("选择器1, 选择器2, ... , 选择器n")
Die beiden Selektoren müssen durch Kommas getrennt werden, sonst wird der Selektor nicht wirksam.
Beispiel
中文网
中文网中文网
中文网
Empfohlene verwandte Video-Tutorials:jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonKann JQuery nur den ID-Selektor verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
