Metoda jQuery toggleClass().

❮ jQuery HTML/CSS metody

Příklad

Přepínání mezi přidáním a odebráním názvu třídy „main“ pro všechny prvky <p>:

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

Definice a použití

Metoda toggleClass() přepíná mezi přidáváním a odebíráním jednoho nebo více názvů tříd z vybraných prvků.

Tato metoda kontroluje každý prvek na zadané názvy tříd. Názvy tříd jsou přidány, pokud chybí, a odstraněny, pokud jsou již nastaveny – To vytváří efekt přepínání.

Pomocí parametru "switch" však můžete zadat pouze odstranění nebo přidání názvu třídy.


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
  • index - Returns the index position of the element in the set
  • currentclass - Returns current class name of selected elements
switch Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false)

Zkuste si to sami - příklady


Jak používat metodu toggleClass() k přepínání mezi přidáním a odebráním názvu třídy.


Pomocí funkce lze určit, které názvy tříd se mají přepínat pro vybrané prvky.


Jak používat parametr přepínače pouze k přidání nebo odebrání názvu třídy.


❮ jQuery HTML/CSS metody