Metod css
Metod css elementleriň CSS stillerini alyp
we üýtgedip bilmäge mümkinçilik berýär.
Şu ýadyňyzda bolsun, biz 'hesaplanan
görnüşleri' (computed style
properties) alyarys, olar
CSS stillerinde görkezilenden tapawutly bolup biler.
Sintaksis
Bir aýratynlygy almak:
$(selektor).css(aýratynlyk);
Birnäçe aýratynlygy almak, berilýän parametr - aýratynlyklaryň atlarynyň massiwidir:
$(selektor).css(['width', 'height', 'color']);
Bir aýratynlygy üýtgetmek:
$(selektor).css(aýratynlyk, täze baha);
Birnäçe aýratynlygy üýtgetmek, olary 'açary: baha' jübütlerini
öz içine alýan obyekt görnüşinde bermek. Aýratynlygyň ady
CamelCase görnüşinde görkezilýär:
$(selektor).css({fontSize: '12px', color: 'red'});
Ýa-da, alternatiw wariant:
<p class="www">tekst</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Şeýle hem, biz setirdeki her bir elemente
belläp berlen funksiýany ulanyp bileris. Bu ýagdaýda funksiýa
birinci parametrde elementleriň setirdeki nomerini, ikinji parametrde
bolsa konkret element üçin belläp berlen CSS aýratynlygynyň
häzirki bahasyny alyar. Bu ýagda this
funksiýanyň içinde häzirki elemente görkezer.
Her bir elementiň CSS aýratynlygy, funksiýanyň şol element üçin
yzyna gaýtaran bahasy bilen çalşylar:
$(selektor).css(aýratynlygyň ady, function(setirdeki nomer, CSS aýratynlygynyň häzirki bahasy));
Mysal
Geliň, www klassy bar bolan ähli elementleri alalyň
we olaryň reňkini gyzyl reňke çalşyryň:
<p class="www">tekst</p>
$('.www').css('color', 'red');
Mysal
Geliň, www klassy bar bolan ähli elementleri alalyň
we olaryň reňkini gyzyl reňke, ýazgy şriftiniň ölçegini
bolsa 20px çalşyryň:
<p class="www">tekst</p>
$('.www').css({color:'red', fontSize:'20px'});
Ýa-da, alternatiw wariant:
<p class="www">tekst</p>
$('.www').css({'color':'red', 'font-size':'20px'});
