Metoda css
Metoda css lejon marrjen
dhe ndryshimin e stileve CSS të elementit.
Është e rëndësishme të kujtohet se ne do të marrim 'vlerat e llogaritura'
të vetive (computed style
properties), të cilat mund të ndryshojnë nga
ato të specifikuara në stilet css.
Sintaksa
Merr një veti:
$(selector).css(veti);
Merr disa veti, parametri i kaluar - një grup emrash vetish:
$(selector).css(['width', 'height', 'color']);
Ndrysho një veti:
$(selector).css(veti, vlerë e re);
Të ndryshojmë disa veti, duke i kaluar ato si një objekt,
që përmban çifte 'çelës: vlerë'. Emri i vetisë
specifikohet në formën CamelCase:
$(selector).css({fontSize: '12px', color: 'red'});
Ose, një alternativë tjetër:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Gjithashtu ne mund të aplikojmë një funksion të caktuar për çdo
element në grup. Në këtë rast, parametri i parë i funksionit
do të marrë numrin e elementit në grup, dhe parametri i dytë
- vlerën aktuale të vetisë së caktuar css
për elementin specifik. Në këtë rast this
brenda funksionit do të tregojë tek elementi aktual.
Vetia CSS e çdo elementi do të ndryshojë në atë
që funksioni kthen për atë element specifik:
$(selector).css(emër vetie, function(numër në grup, vlerë aktuale e vetisë css));
Shembull
Le të marrim të gjithë elementet me klasën www
dhe t'ua ndryshojmë ngjyrën në të kuqe:
<p class="www">text</p>
$('.www').css('color', 'red');
Shembull
Le të marrim të gjithë elementet me klasën www
dhe t'ua ndryshojmë ngjyrën në të kuqe, dhe madhësinë e shkronjave
- në 20px:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Ose, një alternativë tjetër:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
