Metoda addClass

Metoda addClass doda določen CSS razred elementu.

Sintaksa

En CSS razred:

javascript$(selektor).addClass(ime CSS razreda);

Več CSS razredov (kot niz):

javascript$(selektor).addClass('razred1 razred2 razred3 ...');

Več CSS razredov (kot tabela):

javascript$(selektor).addClass(['razred1', 'razred2', 'razred3', '...']);

Uporaba funkcije za vsak element v nizu:

javascript$(selektor).addClass(function(številka v nizu, trenutni CSS razredi elementa));

Primer

Naš odstavek nima nobenih razredov. Dajmo mu dodajmo razred www:

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

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

HTML koda bo takole:

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

Primer

Naš odstavek že ima razred. Dajmo mu dodajmo še razred www:

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

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

HTML koda bo takole:

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

Primer

Naš odstavek že ima dva razreda. Dajmo mu dodajmo še razred www:

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

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

HTML koda bo takole:

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

Primer

Naš odstavek že ima razred. Dajmo mu dodajmo še dva razreda - www in ggg:

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

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

HTML koda bo takole:

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

Glej tudi