Metoda addClass
Metoda addClass adaugă
o clasă CSS specificată unui element.
Sintaxă
O singură clasă CSS:
$(selector).addClass(numele clasei CSS);
Mai multe clase CSS (ca șir de caractere):
$(selector).addClass('clasa1 clasa2 clasa3 ...');
Mai multe clase CSS (ca array):
$(selector).addClass(['clasa1', 'clasa2', 'clasa3', '...']);
Aplicarea unei funcții pentru fiecare element din set:
$(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:
<p id="test">text</p>
$('#test').addClass('www');
Codul HTML va arăta astfel:
<p id="test" class="www">text</p>
Exemplu
Paragraful nostru are deja o clasă. Să-i adăugăm
și clasa www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
Codul HTML va arăta astfel:
<p id="test" class="eee www">text</p>
Exemplu
Paragraful nostru are deja două clase. Să-i
adaugăm și clasa www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
Codul HTML va arăta astfel:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
Codul HTML va arăta astfel:
<p id="test" class="eee www ggg">text</p>
Vedeți și
-
metodele
removeClass,toggleClass,hasClass -
proprietatea JavaScript
classlist,
cu ajutorul căreia puteți adăuga și elimina clase CSS ale unui element în JavaScript simplu
