Download WordPress Themes, Happy Birthday Wishes

jQuery addClass()

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.

  • Index: Il est utilisé pour fournir la position d’index de l’élément dans l’ensemble.
  • Currentclass: Il est utilisé pour renvoyer le nom de classe actuel de l’élément sélectionné.

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 :

jquery-addclass