Derniers tutoriels de développement web
 

jQuery addClass() Method

<JQuery HTML / Méthodes CSS

Exemple

Ajouter un nom de classe à la première <p> élément:

$("button").click(function(){
    $("p:first").addClass("intro");
});
Essayez - le vous - même »

Définition et utilisation

Le addClass() méthode ajoute un ou plusieurs noms de classe aux éléments sélectionnés.

Cette méthode ne supprime pas les attributs de classe existants, il ne fait qu'ajouter un ou plusieurs noms de classe à l'attribut de classe.

Conseil: Pour ajouter plus d'une classe, séparer les noms de classe avec des espaces.


Syntaxe

$(selector).addClass(classname,function(index,oldclass))

Paramètre La description
classname Obligatoire. Indique un ou plusieurs noms de classe à ajouter
function(index,currentclass) Optionnel. Indique une fonction qui renvoie un ou plusieurs noms de classe à ajouter
  • index - Renvoie la position d'index de l'élément dans l'ensemble
  • currentclass - Retourne le nom de la classe actuelle de l'élément sélectionné

Essayez-le vous-même - Exemples

Ajouter deux classes à un élément
Comment ajouter deux noms de classe à un élément spécifié.

Ajouter des classes en utilisant une fonction
Comment ajouter des classes d'éléments sélectionnés à l'aide d'une fonction.

Changer le nom de classe d'un élément
Comment utiliser addClass() et removeClass() pour supprimer un nom de classe, et ajouter un nouveau nom de classe.


<JQuery HTML / Méthodes CSS