Exemple de jQuery toggleClass
La méthodetoggleClass() signifie que si les éléments correspondants n'ont pas le nom de classe, ajoutez-le; si les éléments correspondants ont déjà le nom de la classe, supprimez-le.
Voyons un exemple, une simple balise «p».
This is paragraph
Appelez$(‘p’).toggleClass(‘highlight’), il ajoutera une classe de surbrillance à la balise «p».
This is paragraph
Appelez à nouveau$(‘p’).toggleClass(‘highlight’), cela supprimera la classe de surbrillance de la balise «p».
This is paragraph
ToggleClass () est également équivalent aux codes jQuery suivants.
if ($('p').is('.highlight')) {
$('p').removeClass('highlight');
}
else{
$('p').addClass('highlight');
}
Exemple de jQuery toggleClass
jQuery toggleClass example
This is paragraph1
This is paragraph2 (toggleClass effect)
This is paragraph3
This is paragraph4 (add/remove effect)