Metoda jQuery toggleClass()
Przykład
Przełącz między dodawaniem i usuwaniem nazwy klasy „głównej” dla wszystkich elementów <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Definicja i użycie
Metoda toggleClass() przełącza między dodawaniem i usuwaniem jednej lub więcej nazw klas z wybranych elementów.
Ta metoda sprawdza każdy element pod kątem określonych nazw klas. Nazwy klas są dodawane, jeśli ich nie ma, i usuwane, jeśli są już ustawione — tworzy to efekt przełączania.
Jednak za pomocą parametru „przełącznik” można określić, aby tylko usunąć lub tylko dodać nazwę klasy.
Składnia
$(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) |
Spróbuj sam - przykłady
Jak używać metody toggleClass() do przełączania między dodawaniem i usuwaniem nazwy klasy.
Używanie funkcji do określenia, które nazwy klas powinny być przełączane dla wybranych elementów.
Jak używać parametru przełącznika tylko do dodawania lub usuwania nazwy klasy.