Metóda addClass

Metóda addClass pridáva zadanú CSS triedu prvku.

Syntax

Jedna CSS trieda:

javascript$(selektor).addClass(názov CSS triedy);

Niekoľko CSS tried (reťazcom):

javascript$(selektor).addClass('trieda1 trieda2 trieda3 ...');

Niekoľko CSS tried (pole):

javascript$(selektor).addClass(['trieda1', 'trieda2', 'trieda3', '...']);

Aplikácia funkcie na každý prvok v množine:

javascript$(selektor).addClass(function(číslo v množine, aktuálne CSS triedy prvku));

Príklad

Náš odsek nemá žiadne triedy. Pridajme mu triedu www:

html<p id="test">text</p>

javascript$('#test').addClass('www');

HTML kód bude vyzerať takto:

html<p id="test" class="www">text</p>

Príklad

Náš odsek už má triedu. Pridajme mu aj triedu www:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www');

HTML kód bude vyzerať takto:

html<p id="test" class="eee www">text</p>

Príklad

Náš odsek už má dve triedy. Pridajme mu aj triedu www:

html<p id="test" class="eee ggg">text</p>

javascript$('#test').addClass('www');

HTML kód bude vyzerať takto:

html<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:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www ggg');

HTML kód bude vyzerať takto:

html<p id="test" class="eee www ggg">text</p>

Pozrite tiež