CSS eienskappe met koppeltekens in jQuery
Laat die eienskap, soos dit dikwels in CSS gebeur, bestaan uit verskeie woorde, geskei deur 'n koppelteken:
<p class="www">teks</p>
In so 'n geval is daar geen probleme nie - dit word in Javascript kode net so geskryf as in CSS:
$('.www').css('font-size', '20px');
As jy verskeie CSS eienskappe wil toewys,
kan jy aan die metode css 'n
voorwerp as parameter gee, waarvan die sleutels
die CSS eienskappe is, en die waardes van die voorwerp
- die waardes van die CSS eienskappe:
$('.www').css({color: 'red', font: '12px Arial'});
Tog sal daar probleme wees met eienskappe soos
font-size
- jy moet nie font-size skryf nie,
maar fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
As jy nie baie daarvan hou om dit so te doen nie - sit die
sleutel font-size tussen aanhalingstekens:
$('.www').css({color: 'red', 'font-size': '12px'});
Soos jy kan sien, bied jQuery verskillende opsies vir die gebruik van metodes, afhangende van jou voorkeure. Gebruik wat vir jou makliker is.
Maak vir alle h3 die teks vet
en groen van kleur.
Maak vir alle h2 'n blou kleur en
font-size: 30px.
