Njia css
Njia css inaruhusu kupata
na kubadilisha mitindo ya CSS ya kipengele.
Ni muhimu kukumbuka kuwa tutapata 'thamani zilizohesabiwa'
za sifa (computed style
properties), ambazo zinaweza tofautiana na
zile zilizoainishwa katika mitindo ya css.
Syntax
Kupata sifa moja:
$(kichaguzi).css(sifa);
Kupata sifa nyingi, kigezo kilichopitishwa - safu ya majina ya sifa:
$(kichaguzi).css(['width', 'height', 'color']);
Kubadilisha sifa moja:
$(kichaguzi).css(sifa, thamani mpya);
Kubadilisha sifa nyingi, kuzipitisha kwa umbo la kitu,
kilicho na jozi za 'ufunguo: thamani'. Jina la sifa
linaonyeshwa kwa umbo la CamelCase:
$(kichaguzi).css({fontSize: '12px', color: 'red'});
Au, njia mbadala:
<p class="www">maandishi</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Pia tunaweza kutumia kitendakazi fulani kwa kila
kipengele katika seti. Wakati huo kigezo cha kwanza kitendakazi
kitapata nambari ya kipengele katika seti, na kigezo cha pili
- thamani ya sasa ya sifa ya css iliyoainishwa
kwa kipengele maalum. Wakati huo this
ndani ya kitendakazi itaelekeza kwenye kipengele cha sasa.
Sifa ya CSS ya kila kipengele itabadilika kuwa ile
itakayorudishwa na kitendakazi kwa kipengele hicho maalum:
$(kichaguzi).css(jina la sifa, function(nambari katika seti, thamani ya sasa ya sifa ya css));
Mfano
Wacha tupate vipengele vyote na darasa www
na tubadilishe rangi yao kuwa nyekundu:
<p class="www">maandishi</p>
$('.www').css('color', 'red');
Mfano
Wacha tupate vipengele vyote na darasa www
na tubadilishe rangi yao kuwa nyekundu, na ukubwa wa herufi
- kuwa 20px:
<p class="www">maandishi</p>
$('.www').css({color:'red', fontSize:'20px'});
Au, njia mbadala:
<p class="www">maandishi</p>
$('.www').css({'color':'red', 'font-size':'20px'});
