jQuery toggleClass() Methode
Beispiel
Wechseln Sie zwischen dem Hinzufügen und Entfernen des „Haupt“-Klassennamens für alle <p>-Elemente:
$("button").click(function(){
$("p").toggleClass("main");
});
Definition und Verwendung
Die Methode toggleClass() schaltet zwischen dem Hinzufügen und Entfernen eines oder mehrerer Klassennamen von den ausgewählten Elementen um.
Diese Methode überprüft jedes Element auf die angegebenen Klassennamen. Die Klassennamen werden hinzugefügt, wenn sie fehlen, und entfernt, wenn sie bereits festgelegt sind – Dies erzeugt einen Umschalteffekt.
Mit dem Parameter „switch“ können Sie jedoch angeben, dass nur ein Klassenname entfernt oder nur hinzugefügt werden soll.
Syntax
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Description |
---|---|
classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Probieren Sie es selbst aus - Beispiele
Verwenden der Methode toggleClass() zum Umschalten zwischen Hinzufügen und Entfernen eines Klassennamens.
umschalten Verwenden Sie eine Funktion, um anzugeben, welche Klassennamen für die ausgewählten Elemente umgeschaltet werden sollen.
So verwenden Sie den Switch-Parameter, um nur einen Klassennamen hinzuzufügen oder zu entfernen.