Maison > Article > interface Web > Comment remplacer tous les noms de classe dans jquery
Comment remplacer tous les noms de classe dans jquery
- WBOYoriginal
- 2021-12-13 17:27:153254parcourir
Méthode : 1. Utilisez la méthode removeClass() pour supprimer tous les noms de classe de l'élément. La syntaxe est "element object.removeClass();" 2. Utilisez la méthode addClass() pour ajouter le nom de classe que vous souhaitez. remplacer. La syntaxe est "Element object.addClasss("nouveau nom de classe");".
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Comment remplacer tous les noms de classe dans jquery
Dans jquery, nous pouvons utiliser la méthode removeClass() pour supprimer tous les noms de classe de l'élément, puis utiliser la méthode addClass() pour ajouter le nom de classe qui nous voulons remplacer. Montez simplement. La méthode
removeClass() supprime une ou plusieurs classes de l'élément sélectionné.
Remarque : Si aucun paramètre n'est spécifié, cette méthode supprimera toutes les classes des éléments sélectionnés. La méthode
addClass() ajoute une ou plusieurs classes à l'élément sélectionné.
Cette méthode ne supprime pas l'attribut de classe existant, mais ajoute uniquement un ou plusieurs attributs de classe.
Conseils : Si vous devez ajouter plusieurs classes, veuillez utiliser des espaces pour séparer les noms de classe.
L'exemple est le suivant :
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".anniu1").click(function(){
$("p").removeClass();
});
$(".anniu2").click(function(){
$("p").addClass("intro2");
});
});
</script>
<style type="text/css">
.intro1{
font-size:120%;
color:red;
}
.intro2{
font-size:200%;
color:pink;
}
</style>
</head>
<body>
<p class="intro1">This is a paragraph.</p>
<button class="anniu1">删除类</button>
<button class="anniu2">增加类</button>
</body>
</html>Résultat de sortie :
Tutoriel vidéo associé 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!