So verwenden Sie den JQuery-Klassenselektor-Front-End-Fragen und Antworten-php.cn

So verwenden Sie den JQuery-Klassenselektor

WBOY

Freigeben： 2022-09-05 17:13:12

Original

2012 Leute haben es durchsucht

In jquery wird der Klassenselektor verwendet, um alle Elemente mit einer bestimmten Klasse auszuwählen; das Klassenattribut wird verwendet, um bestimmte Stile für mehrere HTML-Elemente festzulegen. Um Probleme in einigen Browsern zu vermeiden, ist es am besten, keine Klassen zu verwenden mit Zahlen. Die Syntax lautet „$(“.class“).

So verwenden Sie den JQuery-Klassenselektor

Die Betriebsumgebung dieses Artikels: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

So verwenden Sie den JQuery-Klassenselektor

. Der Klassenselektor wählt alle Elemente mit der angegebenen Klasse aus.

class bezieht sich auf das Klassenattribut eines HTML-Elements. Das Attribut

class wird verwendet, um bestimmte Stile für mehrere HTML-Elemente festzulegen.

Hinweis: Verwenden Sie keine Klassenattribute, die mit einer Zahl beginnen! Dies kann in einigen Browsern zu Problemen führen.

Die Syntax lautet:

$(".class")

Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>没有指定class</p>
<p class="intro">指定class，设置背景颜色</p>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So verwenden Sie den JQuery-Klassenselektor

Verwandte Tutorial-Empfehlungen: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den JQuery-Klassenselektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!