jQuery Grundlagen教程

jQuery Effekte

Die toggleClass()-Methode schaltet zwischen dem Hinzufügen und Entfernen einer oder mehrerer Klassennamen im ausgewählten Element um.

Dieser Methode wird überprüft, ob jeder Element der angegebenen Klassennamen hat:

Aber, indem SiestateParameter, Sie können angeben, nur den Klassennamen zu löschen oder nur hinzuzufügen.

Klassenname umschalten:

$(selector).toggleClass(className)

Verwenden SiestateParameter zur Umschaltung der Klasse:

$(selector).toggleClass(className, state)

Verwenden Sie die Funktion, um die Klasse umzuschalten:

$(selector).toggleClass(function(index, currentClass), state)

Schalten Sie zwischen dem Hinzufügen und Entfernen der Klassennamen "anotherClass" in allen <p>-Elementen

Beispiel

$("button").click(function(){
　　$("p").toggleClass("anotherClass");
});

Verwenden SiestateParameter nur zum Hinzufügen oder Entfernen von Klassennamen:

Beispiel

$("button").click(function(){
　　$("p").toggleClass("anotherClass", true);
});

Parameter	Beschreibung
className	Bestimmt zu hinzufügende/Eine oder mehrere (mit Leerzeichen getrennt) zu löschende Klassennamen
state	Ein Boolescher Wert, der bestimmt, ob die Klasse hinzugefügt (true) oder gelöscht (false) werden soll.
function(index, currentClass)	Funktion, die eine oder mehrere (mit Leerzeichen getrennt) Klassennamen zurückgibt, die zu den vorhandenen Klassennamen hinzugefügt oder aus diesen entfernt werden. index-Rückgabe der Indexposition des Elements im Satz currentClass-Rückgabe der aktuellen Klassennamen des ausgewählten Elements