jQuery toggleClass () Zelfstudie - Techno

jQuery Biedt JavaScript-framework. toggleClass() Hoe te schakelen tussen verschillende klassen voor specifieke elementen. De schakelaar verwijdert eenvoudig de oude klasse en voegt een nieuwe klasse toe aan specifieke elementen zoals knoppen, labels, madeliefjes, enz.

jQuery toggleClass () Syntaxis

toggleClass() De methode wordt geleverd door jQuery en om de methode toggleClass () aan te roepen, moet de selector worden gebruikt door elementen te selecteren zoals div, knop, label, enz.

$(SELECTOR).toggleClass( CLASSNAME , FUNCTION( INDEX , CURRENTCLASS ) , SWITCH )

Kiezer jQuery is een selector die een enkele of meerdere items selecteert waarop de schakelbewerking wordt toegepast.
NAAM VAN DE KLASSE Benoemt een of meer klassen om toe te voegen of te verwijderen. Meerdere klassennamen kunnen afzonderlijk van spaties worden toegevoegd. KLASSENAAM is vereist.
Functie (index, huidige klasse) Is optioneel en specificeert een functie die een of meer klassen retourneert om toe te voegen of te verwijderen.
Schakelaar. Een optionele parameter waarbij een booleaanse waarde is opgegeven voor het toevoegen of verwijderen van waar of onwaar. true wordt gespecificeerd voor klassetoevoeging en false wordt gespecificeerd voor verwijdering.

jQuery toggleClass () Voorbeelden.

In het volgende voorbeeld zullen we het gebruik van selector wijzigen om knoppen te selecteren en de klasse om te schakelen voor testen.

<button class="switch-btn">Click me</button>

<div class="text collapsed">some text</div>

<script> 
 $('.switch-btn').on('click', function(e) 
 $('.text').toggleClass("collapsed"); //you can list several class names 
 e.preventDefault();
 );
</script>

Source link
#jQuery #toggleClass #Zelfstudie #Techno