Metoda addClass
Metoda addClass přidá
zadanou CSS třídu prvku.
Syntaxe
Jedna CSS třída:
$(selektor).addClass(název CSS třídy);
Několik CSS tříd (jako řetězec):
$(selektor).addClass('třída1 třída2 třída3 ...');
Několik CSS tříd (jako pole):
$(selektor).addClass(['třída1', 'třída2', 'třída3', '...']);
Aplikace funkce na každý prvek v sadě:
$(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:
<p id="test">text</p>
$('#test').addClass('www');
HTML kód pak bude vypadat takto:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML kód pak bude vypadat takto:
<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:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML kód pak bude vypadat takto:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML kód pak bude vypadat takto:
<p id="test" class="eee www ggg">text</p>
Viz také
-
metody
removeClass,toggleClass,hasClass -
JavaScript vlastnost
classlist,
pomocí které lze přidávat a odebírat CSS třídy prvku v čistém JavaScriptu
