màj exemple 2

exemples/selecteurs-multiples/contenu.html

@@ -1,4 +1,5 @@
 <h5>Sélection de boutons </h5>
+<p>Boutons cyan et magenta&nbsp;: enlève toutes les classes sur event clic</p>
 <div>
   <button class="cyan bold-text">Cyan 1</button>
   <button class="cyan">Cyan 2</button>
@@ -7,7 +8,12 @@
   <button class="magenta underlined-text">Magenta 1</button>
   <button class="magenta">Magenta 2</button>
 </div>
+<p>Boutons jaune et orange&nbsp;: enlève la classe de couleur, garde le reste</p>
 <div>
-  <button class="yellow">Yellow 1</button>
-  <button class="yellow">Yellow 2</button>
+  <button class="yellow underlined-text">Jaune 1</button>
+  <button class="yellow underlined-text">Jaune 2</button>
+</div>
+<div>
+  <button class="orange underlined-text">Orange 1</button>
+  <button class="orange underlined-text">Orange 2</button>
 </div>

exemples/selecteurs-multiples/script.js

@@ -1,5 +1,11 @@
 // Cliquer sur ces boutons enlève leur classe:
 // removeClass() sans argument enlève tout!
-$('.cyan,.yellow').click(function() {
+$('.cyan,.magenta').click(function() {
     $(this).removeClass();
+});
+
+// Cliquer sur ces boutons n'enlève que leur classe yellow ou orange mais garde underline-text:
+// removeClass() peut prendre plusieurs classes comme arguments
+$('.yellow,.orange').click(function() {
+    $(this).removeClass('yellow orange');
 })