Метад addClass

Метад addClass дадае зададзены CSS клас элемента.

Сінтаксіс

Адзін CSS клас:

javascript$(селектар).addClass(імя CSS класа);

Некалькі CSS класаў (радком):

javascript$(селектар).addClass('клас1 клас2 клас3 ...');

Некалькі CSS класаў (масівам):

javascript$(селектар).addClass(['клас1', 'клас2', 'клас3', '...']);

Ужыванне функцыі да кожнага элемента ў наборы:

javascript$(селектар).addClass(function(нумар у наборы, бягучыя CSS класы элемента));

Прыклад

У нашага абзаца зусім няма класаў. Давайце дадамо яму клас www:

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

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

HTML код будзе выглядаць так:

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

Прыклад

У нашага абзаца ўжо ёсць клас. Давайце дадамо яму яшчэ і клас www:

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

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

HTML код будзе выглядаць так:

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

Прыклад

У нашага абзаца ўжо ёсць два класы. Давайце дадамо яму яшчэ і клас www:

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

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

HTML код будзе выглядаць так:

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

Прыклад

У нашага абзаца ўжо ёсць клас. Давайце дадамо яму яшчэ два класы - www і ggg:

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

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

HTML код будзе выглядаць так:

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

Глядзіце таксама