Kann JQuery nur den ID-Selektor verwenden?-Front-End-Fragen und Antworten-php.cn

Kann JQuery nur den ID-Selektor verwenden?

WBOY

Freigeben： 2022-04-20 18:00:29

Original

1523 Leute haben es durchsucht

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.

Kann JQuery nur den ID-Selektor verwenden?

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")

Nach dem Login kopieren

Das Beispiel lautet wie folgt:




 
123 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>


这是一个标题
这是一个段落
这是另外一个段落

Nach dem Login kopieren

Ausgabeergebnis:

Kann JQuery nur den ID-Selektor verwenden?

.Klassenselektor

jQuery-Klassenselektor kann Elemente anhand der angegebenen finden Klasse.

Die Syntax lautet wie folgt:

$(".test")

Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>


这是一个标题
这是一个段落。
这是另外一个段落。

Nach dem Login kopieren

Ausgabeergebnis:

Kann JQuery nur den ID-Selektor verwenden?

Gruppenselektor

Der Gruppenselektor wird verwendet, um den gleichen Vorgang an mehreren Selektoren gleichzeitig auszuführen .

Syntax:

$("选择器1, 选择器2, ... , 选择器n")

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!