La méthode addclass () permet d’ajouter un ou plusieurs noms de classe à l’élément sélectionné. Cette méthode est utilisée uniquement pour ajouter un ou plusieurs noms de classe aux attributs de classe, mais pas pour supprimer les attributs de classe existants.
Si vous souhaitez ajouter plusieurs classes, séparez les noms de classes par des espaces.
Syntaxe:
$(selector).addClass(classname,function(index,oldclass))
Paramètres de la méthode jQuery addClass ()
| Paramètre | La description |
|---|---|
| Nom du classe | C’est un paramètre obligatoire. Il spécifie un ou plusieurs noms de classe que vous souhaitez ajouter. |
| Function (index, currentclass) | C’est un paramètre optionnel. Il spécifie une fonction qui retourne un ou plusieurs noms de classes à ajouter.
|
Exemple de méthode jQuery addClass()
Prenons un exemple pour illustrer l’effet de la méthode jQuery addclass():
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro {
font-size: 200%;
color: red;
}
</style>
</head>
<body>
<h1>Ceci est une rubrique</h1>
<p>Ceci est un paragraphe</p>
<p>Ceci est un autre rubrique</p>
<button>Ajouter un nom de classe au premier élément p</button>
</body>
</html>
Résultat :
