Méthode de modification : 1. Utilisez attr() pour définir la valeur de l'attribut de classe, modifiez le nom de la classe CSS, la syntaxe est "element object.attr("class","new class""); et ajoutez une nouvelle classe CSS, syntaxe "element object.removeClass("old class name").addClass("new class name")".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3. Comment jquery modifie les classes CSS l'ancienne classe, utilisez addClass() pour ajouter une nouvelle classe CSS
removeClass() pour supprimer une ou plusieurs classes de l'élément sélectionné. La méthode
addClass() ajoute une ou plusieurs classes à l'élément sélectionné. Cette méthode ne supprime pas les attributs de classe existants, ajoute uniquement un ou plusieurs attributs de classe.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("p").attr("class","intro2");
});
});
</script>
<style type="text/css">
.intro1 {
font-size: 20px;
color: red;
}
.intro2 {
font-size: 30px;
color: peru;
}
</style>
</head>
<body>
<h1 id="h1">这是一个大标题</h1>
<p class="intro1">这是一个段落</p>
<button>修改css类</button>
</body>
</html>
【Apprentissage recommandé : Tutoriel vidéo jQuery
,Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
