Voicil'instructionutiliser:

$('#paul').removeClass('vert').addClass('rouge').removeClass('grand').addClass('petit');
Enutilisantunautreidentifiantdansleslecteur,cechanagedequatremthodespeutgalement
s'appliquerunequelconquebalise<span>dudocument.Ainsiparexemple,cetteinstruction
afficheleprnomPierreencaractresrougesdetaillestandard:
$('#pierre').removeClass('vert').addClass('rouge').removeClass('grand').addClass('petit');
LesmthodesremoveClass()etaddClass()peuventgalementtreremplacesparlamthode
toggleClass().Ainsi,cetteinstructionafficheleprnomPaulencaractresrougesdepetitetaille
:
$('#paul').toggleClass('vert').toggleClass('rouge').toggleClass('grand').toggleClass('petit');

Par contre, si vous l'appliquez au <span> d'identifiant eric, le prnom Eric est affich en
caractres rouges de grande taille :

Le <span> tant de classe vert, cette classe est supprime : toggleClass('vert') ;

La classe rouge lui est ajoute puisqu'elle n'existe pas : toggleClass('rouge') ;
Le <span> tant de classe petit, cette classe est supprime : toggleClass('petit')
;
Enfin, la classe grand lui est ajoute puisqu'elle n'existe pas :
toggleClass('grand').

Comme vous le voyez, la mthode toggleClass() doit tre utilise en toute connaissance de
cause, sans quoi elle produira des effets alatoires.
Pour simplifier l'criture, il est possible d'indiquer plusieurs classes spares par des espaces
dans les mthodes addclass(), removeclass() et toggleclass(). Ainsi par exemple, cette
instruction :
$('#pierre').removeClass('vert').addClass('rouge').removeClass('grand').addClass('petit');