Metoda css
Metoda css omogoča pridobivanje
in spreminjanje CSS slogov elementa.
Pomembno je vedeti, da bomo dobili 'izračunane
vrednosti' lastnosti (computed style
properties), ki se lahko razlikujejo od
tistih, navedenih v CSS slogih.
Sintaksa
Pridobi eno lastnost:
$(selektor).css(lastnost);
Pridobi več lastnosti, posredovani parameter - matrika imen lastnosti:
$(selektor).css(['width', 'height', 'color']);
Spremeni eno lastnost:
$(selektor).css(lastnost, nova vrednost);
Spremenimo več lastnosti tako, da jih posredujemo kot objekt,
ki vsebuje pare 'ključ: vrednost'. Ime lastnosti
je navedeno v obliki CamelCase:
$(selektor).css({fontSize: '12px', color: 'red'});
Ali, alternativna možnost:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Prav tako lahko uporabimo določeno funkcijo za vsak
element v nizu. Pri tem bo funkcija kot prvi parameter prejela
številko elementa v nizu, kot drugi parameter
pa trenutno vrednost določene CSS lastnosti
za posamezen element. Pri tem this
znotraj funkcije kaže na trenutni element.
CSS lastnost vsakega elementa se bo spremenila na tisto,
ki jo funkcija vrne za ta element:
$(selektor).css(ime lastnosti, function(številka v nizu, trenutna vrednost CSS lastnosti));
Primer
Vzemimo vse elemente z razredom www
in spremenimo njihovo barvo v rdečo:
<p class="www">text</p>
$('.www').css('color', 'red');
Primer
Vzemimo vse elemente z razredom www
in spremenimo njihovo barvo v rdečo, velikost pisave
pa na 20px:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Ali, alternativna možnost:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
