Metoda addClass

Metoda addClass přidá zadanou CSS třídu prvku.

Syntaxe

Jedna CSS třída:

javascript$(selektor).addClass(název CSS třídy);

Několik CSS tříd (jako řetězec):

javascript$(selektor).addClass('třída1 třída2 třída3 ...');

Několik CSS tříd (jako pole):

javascript$(selektor).addClass(['třída1', 'třída2', 'třída3', '...']);

Aplikace funkce na každý prvek v sadě:

javascript$(selektor).addClass(function(pořadí v sadě, aktuální CSS třídy prvku));

Příklad

Náš odstavec nemá žádné třídy. Pojďme mu přidat třídu www:

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

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

HTML kód pak bude vypadat takto:

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

Příklad

Náš odstavec již má jednu třídu. Pojďme mu přidat ještě třídu www:

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

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

HTML kód pak bude vypadat takto:

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

Příklad

Náš odstavec již má dvě třídy. Pojďme mu přidat ještě třídu www:

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

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

HTML kód pak bude vypadat takto:

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

Příklad

Náš odstavec již má jednu třídu. Pojďme mu přidat ještě dvě třídy - www a ggg:

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

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

HTML kód pak bude vypadat takto:

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

Viz také