Metóda addClass
Metóda addClass pridáva
zadanú CSS triedu prvku.
Syntax
Jedna CSS trieda:
$(selektor).addClass(názov CSS triedy);
Niekoľko CSS tried (reťazcom):
$(selektor).addClass('trieda1 trieda2 trieda3 ...');
Niekoľko CSS tried (pole):
$(selektor).addClass(['trieda1', 'trieda2', 'trieda3', '...']);
Aplikácia funkcie na každý prvok v množine:
$(selektor).addClass(function(číslo v množine, aktuálne CSS triedy prvku));
Príklad
Náš odsek nemá žiadne triedy. Pridajme
mu triedu www:
<p id="test">text</p>
$('#test').addClass('www');
HTML kód bude vyzerať takto:
<p id="test" class="www">text</p>
Príklad
Náš odsek už má triedu. Pridajme
mu aj triedu www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML kód bude vyzerať takto:
<p id="test" class="eee www">text</p>
Príklad
Náš odsek už má dve triedy. Pridajme
mu aj triedu www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML kód bude vyzerať takto:
<p id="test" class="eee ggg www">text</p>
Príklad
Náš odsek už má triedu. Pridajme
mu ďalšie dve triedy - www a ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML kód bude vyzerať takto:
<p id="test" class="eee www ggg">text</p>
Pozrite tiež
-
metódy
removeClass,toggleClass,hasClass -
JavaScript vlastnosť
classlist,
pomocou ktorej možno pridávať a odstraňovať CSS triedy prvku v čistom JavaScripte
