Beispiel
Umschalten zwischen dem Hinzufügen und Entfernen der "main" Klassennamen für alle <p> Elemente:
$("button").click(function(){
$("p").toggleClass("main");
});
Versuch es selber " Definition und Verwendung
Die toggleClass() Methode zum Umschalten zwischen Hinzufügen und Entfernen von einer oder mehreren Klassennamen aus den ausgewählten Elementen.
Dieses Verfahren prüft jedes Element für die angegebenen Klassennamen. Die Klassennamen hinzugefügt werden, wenn sie fehlt, und entfernt, wenn bereits festgelegt - Dadurch entsteht ein Schalter.
Doch durch den "Schalter" Parameter verwenden, können Sie angeben, nur zu entfernen, oder nur einen Klassennamen hinzuzufügen.
Syntax
$(selector).toggleClass(classname,function(index,currentclass),switch)| Parameter | Beschreibung |
|---|---|
| classname | Erforderlich. Gibt eine oder mehrere Klassennamen hinzuzufügen oder zu entfernen. Um mehrere Klassen angeben, trennen Sie die Klassennamen mit einem Leerzeichen |
| function(index,currentclass) | Optional. Gibt eine Funktion, die eine oder mehrere Klassennamen zurück zum Hinzufügen / Entfernen
|
| Schalter | Optional. Ein boolescher Wert , der angibt , ob die Klasse nur hinzugefügt werden soll (true) oder nur entfernt werden (false) |
Probieren Sie es selbst - Beispiele
Umschalten zwischen dem Hinzufügen und Entfernen eines Klassennamens
Wie das zu verwenden toggleClass() Methode zwischen dem Hinzufügen und Entfernen eines Klassennamen zu wechseln.
Toggle - Klassen mit Hilfe einer Funktion
Verwendung einer Funktion angeben Namen, welche Klasse sollte für die ausgewählten Elemente ein- und ausgeschaltet werden.
Mit dem Schalter Parameter
Wie der Schalterparameter zu verwenden, um nur hinzufügen oder einen Klassennamen zu entfernen.