jQuery toggleClass() Methode
Voorbeeld
Schakel tussen het toevoegen en verwijderen van de "hoofd" klassenaam voor alle <p> elementen:
$("button").click(function(){
$("p").toggleClass("main");
});
Definitie en gebruik
De methode toggleClass() schakelt tussen het toevoegen en verwijderen van een of meer klassenamen van de geselecteerde elementen.
Deze methode controleert elk element op de opgegeven klassenamen. De klassenamen worden toegevoegd als ze ontbreken en verwijderd als ze al zijn ingesteld - Dit creëert een schakeleffect.
Door de parameter "switch" te gebruiken, kunt u echter specificeren dat u alleen een klassenaam wilt verwijderen of toevoegen.
Syntaxis
$(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) |
Probeer het zelf - Voorbeelden
De methode toggleClass() gebruiken om te schakelen tussen het toevoegen en verwijderen van een klassenaam.
gebruiken om te specificeren welke klassenamen moeten worden omgeschakeld voor de geselecteerde elementen.
gebruiken Hoe de switch-parameter te gebruiken om alleen een klassenaam toe te voegen of te verwijderen.