Strenges Entfernen und Hinzufügen von Klassen mit der toggleClass-Methode in jQuery

In toggleClass kann auch ein Zustandsparameter wie true oder false übergeben werden, dann wird die Klasse entweder nur hinzugefügt oder nur entfernt.

Nehmen wir an, wir haben die folgenden CSS-Klassen:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

Auf den Absatz wird die Klasse zzz angewendet:

<p class="zzz" id="test">text</p>
<button>click</button>

Lassen Sie uns die Klasse red nur beim Klicken hinzufügen:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Wie Sie sehen, erfolgen bei wiederholtem Klicken keine Änderungen.

Alle drei aufgeführten Methoden für die Arbeit mit Klassen - addClass, removeClass, toggleClass können auch mehrere Klassen als Parameter entgegennehmen und ermöglichen zudem die Anwendung einer Funktion auf jedes Element im Set.

Korrigieren Sie den Code des oben gegebenen Beispiels - fügen Sie zunächst die Klasse red im Attribut hinzu und sorgen Sie dann dafür, dass die Klasse red nur entfernt wird.