Metoda addClass
Metoda addClass doda
določen CSS razred elementu.
Sintaksa
En CSS razred:
$(selektor).addClass(ime CSS razreda);
Več CSS razredov (kot niz):
$(selektor).addClass('razred1 razred2 razred3 ...');
Več CSS razredov (kot tabela):
$(selektor).addClass(['razred1', 'razred2', 'razred3', '...']);
Uporaba funkcije za vsak element v nizu:
$(selektor).addClass(function(številka v nizu, trenutni CSS razredi elementa));
Primer
Naš odstavek nima nobenih razredov. Dajmo
mu dodajmo razred www:
<p id="test">text</p>
$('#test').addClass('www');
HTML koda bo takole:
<p id="test" class="www">text</p>
Primer
Naš odstavek že ima razred. Dajmo mu dodajmo
še razred www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML koda bo takole:
<p id="test" class="eee www">text</p>
Primer
Naš odstavek že ima dva razreda. Dajmo
mu dodajmo še razred www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML koda bo takole:
<p id="test" class="eee ggg www">text</p>
Primer
Naš odstavek že ima razred. Dajmo mu dodajmo
še dva razreda - www in ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML koda bo takole:
<p id="test" class="eee www ggg">text</p>
Glej tudi
-
metode
removeClass,toggleClass,hasClass -
JavaScript lastnost
classlist,
s katero lahko dodajate in odstranjujete CSS razrede elementa v čistem JavaScriptu
