Comment utiliser le sélecteur de classe jquery-Questions et réponses frontales-php.cn

Comment utiliser le sélecteur de classe jquery

WBOY

Libérer： 2022-09-05 17:13:12

original

2013 Les gens l'ont consulté

Dans jquery, le sélecteur de classe est utilisé pour sélectionner tous les éléments avec une classe spécifiée ; l'attribut class est utilisé pour définir des styles spécifiques pour plusieurs éléments HTML. Afin d'éviter des problèmes dans certains navigateurs, il est préférable de ne pas utiliser de classes de démarrage. avec des nombres, la syntaxe est "$(".class")".

Comment utiliser le sélecteur de classe jquery

L'environnement d'exploitation de cet article : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

Comment utiliser le sélecteur de classe jquery

.le sélecteur de classe sélectionne tous les éléments avec la classe spécifiée.

class fait référence à l'attribut class d'un élément HTML. L'attribut

class est utilisé pour définir des styles spécifiques pour plusieurs éléments HTML.

Remarque : N'utilisez pas d'attributs de classe commençant par un chiffre ! Cela peut poser des problèmes dans certains navigateurs.

La syntaxe est :

$(".class")

Copier après la connexion

L'exemple est le suivant :

<!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>

Copier après la connexion

Résultat de sortie :

Comment utiliser le sélecteur de classe jquery