Heim >Web-Frontend >Front-End-Fragen und Antworten >Kann JQuery nur den ID-Selektor verwenden?
Kann JQuery nur den ID-Selektor verwenden?
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2022-04-20 17:44:561614Durchsuche
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.
Kann jQuery nur ID-Selektoren verwenden?
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 <script> $(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); }); </script>这是一个标题
这是一个段落
这是另外一个段落
Ausgabeergebnis:
.Klassenselektor
jQuery-Klassenselektor kann Elemente anhand der angegebenen finden Klasse.
Die Syntax lautet wie folgt:
$(".test")Das Beispiel lautet wie folgt:
<script>
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
这是一个标题
这是一个段落。
这是另外一个段落。
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$("h3,div,p,span").css("color","red");
})
</script>
</head>
<body>
<h3>中文网</h3>
<div>中文网</div>
<p>中文网</p>
<span>中文网</span>
</body>
</html>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!