Metodas toggleClass
Metodas toggleClass kaitalioja pridėjimą/pašalinimą
CSS klasės: jei jos nėra - pridės, jei yra - pašalins.
Sintaksė
Viena CSS klasė:
$(selektorius).toggleClass(klasės pavadinimas);
Tik pridėti arba pašalinti CSS klasę priklausomai
nuo antro parametro, kuris priima reikšmes
true arba false:
$(selektorius).toggleClass(CSS klasės pavadinimas, būsena);
Kelios CSS klasės:
$(selektorius).toggleClass(['klase1', 'klase2', 'klase3', '...']);
Tik pridėti arba pašalinti CSS klases priklausomai nuo antro parametro:
$(selektorius).toggleClass(['klase1', 'klase2', 'klase3', '...'], būsena');
Funkcijos taikymas kiekvienam elementui rinkinyje,
būsena gali būti true arba false,
ir nurodo metodui - tik pridėti arba tik
pašalinti CSS klasę:
$(selektorius).toggleClass(function(numeris rinkinyje, esami elemento klasės, būsena), [būsena]);
Pavyzdys
Mūsų pastraipoje jau yra dvi klasės. Pridėkime
jai dar ir klasę www:
<p id="test" class="eee ggg">tekstas</p>
$('#test').toggleClass('www');
HTML kodas atrodys taip:
<p id="test" class="eee ggg www">tekstas</p>
Pavyzdys
O dabar klasė www jau yra elemente
- pašalinkime ją:
<p id="test" class="eee ggg www">tekstas</p>
$('#test').toggleClass('www');
HTML kodas atrodys taip:
<p id="test" class="eee ggg">tekstas</p>
Žiūrėkite taip pat
-
metodai
addClass,removeClass,hasClass -
JavaScript savybė
classList,
kurios pagalba galima kaitalioti pridėjimą/pašalinimą klasės grynajame JavaScript
