Metod css
Metod css omogućava dobijanje
i menjanje CSS stilova elementa.
Važno je zapamtiti da ćemo dobiti 'izračunate
vrednosti' svojstava (computed style
properties), koje se mogu razlikovati od
navedenih u css stilovima.
Sintaksa
Dobiti jedno svojstvo:
$(selektor).css(svojstvo);
Dobiti više svojstava, prosleđeni parametar - niz imena svojstava:
$(selektor).css(['width', 'height', 'color']);
Promeniti jedno svojstvo:
$(selektor).css(svojstvo, nova vrednost);
Promenimo više svojstava, prosledivši ih u obliku objekta,
koji sadrži parove 'ključ: vrednost'. Naziv svojstva
se navodi u obliku CamelCase:
$(selektor).css({fontSize: '12px', color: 'red'});
Ili, alternativna varijanta:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Takođe možemo primeniti zadatu funkciju na svaki
element u skupu. Povrh svega, prvim parametrom funkcija
će dobiti broj elementa u skupu, a drugim parametrom
- trenutnu vrednost zadatog css svojstva
za konkretni element. Povrh svega, this
unutar funkcije će pokazivati na trenutni element.
CSS svojstvo svakog elementa će se promeniti u ono,
koje funkcija vrati konkretno za taj element:
$(selektor).css(ime svojstva, function(broj u skupu, trenutna vrednost css svojstva));
Primer
Hajde da dobijemo sve elemente sa klasom www
i promenimo im boju u crvenu:
<p class="www">text</p>
$('.www').css('color', 'red');
Primer
Hajde da dobijemo sve elemente sa klasom www
i promenimo im boju u crvenu, a veličinu fonta
- na 20px:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Ili, alternativna varijanta:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});