Meetod css
Meetod css võimaldab hankida
ja muuta elemendi CSS stiile.
Oluline on meeles pidada, et me saame 'arvutatud
väärtused' omadustest (computed style
properties), mis võivad erineda
CSS stiilides määratutest.
Süntaks
Hankida üks omadus:
$(valija).css(omadus);
Hankida mitu omadust, edastatav parameeter - omaduste nimede massiiv:
$(valija).css(['width', 'height', 'color']);
Muuta üks omadus:
$(valija).css(omadus, uus väärtus);
Muutkem mitut omadust, edastades need objektina,
mis sisaldab paare 'võti: väärtus'. Omaduse nimi
märgitakse kujul CamelCase:
$(valija).css({fontSize: '12px', color: 'red'});
Või alternatiivne variant:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Samuti saame rakendada määratud funktsiooni igale
elemendile komplektis. Sel juhul saab funktsioon
esimese parameetrina elemendi numbri komplektis ja teise parameetrina
- praeguse väärtuse määratud css omadusele
konkreetse elemendi jaoks. Sel juhul this
funktsiooni sees viitab praegusele elemendile.
Iga elemendi CSS omadus muutub selleks,
mille funktsioon selle konkreetse elemendi jaoks tagastab:
$(valija).css(omaduse nimi, function(number komplektis, praegune väärtus css omadusel));
Näide
Hankigem kõik elemendid klassiga www
ja muudame nende värvi punaseks:
<p class="www">text</p>
$('.www').css('color', 'red');
Näide
Hankigem kõik elemendid klassiga www
ja muudame nende värvi punaseks ja fondi suuruse
- 20px-ks:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Või alternatiivne variant:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
