Metoda addClass

Metoda addClass adaugă o clasă CSS specificată unui element.

Sintaxă

O singură clasă CSS:

javascript$(selector).addClass(numele clasei CSS);

Mai multe clase CSS (ca șir de caractere):

javascript$(selector).addClass('clasa1 clasa2 clasa3 ...');

Mai multe clase CSS (ca array):

javascript$(selector).addClass(['clasa1', 'clasa2', 'clasa3', '...']);

Aplicarea unei funcții pentru fiecare element din set:

javascript$(selector).addClass(function(numărul din set, clasele CSS curente ale elementului));

Exemplu

Paragraful nostru nu are deloc clase. Să-i adaugăm clasa www:

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

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

Codul HTML va arăta astfel:

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

Exemplu

Paragraful nostru are deja o clasă. Să-i adăugăm și clasa www:

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

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

Codul HTML va arăta astfel:

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

Exemplu

Paragraful nostru are deja două clase. Să-i adaugăm și clasa www:

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

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

Codul HTML va arăta astfel:

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

Exemplu

Paragraful nostru are deja o clasă. Să-i adăugăm încă două clase - www și ggg:

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

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

Codul HTML va arăta astfel:

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

Vedeți și