Metode css
Die metode css laat jou toe om CSS-style van 'n element te verkry
en te verander.
Dit is belangrik om te onthou dat ons 'berekende
waardes' van eienskappe sal verkry (computed style
properties), wat kan verskil van
die wat in CSS-style gespesifiseer is.
Sintaksis
Verkry een eienskap:
$(selektor).css(eienskap);
Verkry verskeie eienskappe, die oorgedraagde parameter is 'n skikking van eienskapname:
$(selektor).css(['width', 'height', 'color']);
Verander een eienskap:
$(selektor).css(eienskap, nuwe waarde);
Verander verskeie eienskappe deur dit as 'n objek oor te dra,
wat pare 'sleutel: waarde' bevat. Die naam van die eienskap
word aangedui in die vorm van CamelCase:
$(selektor).css({fontSize: '12px', color: 'red'});
Of, 'n alternatiewe opsie:
<p class="www">teks</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Ons kan ook 'n gegewe funksie op elke
element in die versameling toepas. Die funksie
ontvang as eerste parameter die nommer van die element in die versameling, en as tweede parameter
- die huidige waarde van die gegewe CSS-eienskap
vir die spesifieke element. In hierdie geval sal this
binne die funksie na die huidige element verwys.
Die CSS-eienskap van elke element sal verander na die waarde
wat die funksie vir daardie spesifieke element teruggee:
$(selektor).css(eienskapnaam, function(nommer in versameling, huidige waarde van CSS-eienskap));
Voorbeeld
Kom ons kry alle elemente met klas www
en verander hul kleur na rooi:
<p class="www">teks</p>
$('.www').css('color', 'red');
Voorbeeld
Kom ons kry alle elemente met klas www
en verander hul kleur na rooi, en die fontgrootte
- na 20px:
<p class="www">teks</p>
$('.www').css({color:'red', fontSize:'20px'});
Of, 'n alternatiewe opsie:
<p class="www">teks</p>
$('.www').css({'color':'red', 'font-size':'20px'});
