Метад addClass
Метад addClass дадае
зададзены CSS клас элемента.
Сінтаксіс
Адзін CSS клас:
$(селектар).addClass(імя CSS класа);
Некалькі CSS класаў (радком):
$(селектар).addClass('клас1 клас2 клас3 ...');
Некалькі CSS класаў (масівам):
$(селектар).addClass(['клас1', 'клас2', 'клас3', '...']);
Ужыванне функцыі да кожнага элемента ў наборы:
$(селектар).addClass(function(нумар у наборы, бягучыя CSS класы элемента));
Прыклад
У нашага абзаца зусім няма класаў. Давайце
дадамо яму клас www:
<p id="test">text</p>
$('#test').addClass('www');
HTML код будзе выглядаць так:
<p id="test" class="www">text</p>
Прыклад
У нашага абзаца ўжо ёсць клас. Давайце дадамо
яму яшчэ і клас www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML код будзе выглядаць так:
<p id="test" class="eee www">text</p>
Прыклад
У нашага абзаца ўжо ёсць два класы. Давайце
дадамо яму яшчэ і клас www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML код будзе выглядаць так:
<p id="test" class="eee ggg www">text</p>
Прыклад
У нашага абзаца ўжо ёсць клас. Давайце дадамо
яму яшчэ два класы - www і ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML код будзе выглядаць так:
<p id="test" class="eee www ggg">text</p>
Глядзіце таксама
-
метады
removeClass,toggleClass,hasClass -
JavaScript уласцівасць
classlist,
з дапамогай якога можна дадаваць і выдаляць CSS класы элемента на чыстым JavaScript
