CSS lastnosti s pomišljaji v jQuery
Recimo, da je lastnost, kot je to pogosto v CSS, sestavljena iz več besed, ločenih s pomišljajem:
<p class="www">text</p>
V tem primeru ni nobenih težav - v Javascript kodu se zapiše enako kot v CSS:
$('.www').css('font-size', '20px');
Če želite nastaviti več CSS lastnosti,
lahko metodi css posredujete
objekt kot parameter, katerega ključi
so CSS lastnosti, vrednosti objeka pa
so vrednosti CSS lastnosti:
$('.www').css({color: 'red', font: '12px Arial'});
Vendar pa bodo tu težave z lastnostmi, kot so
font-size
- ne smete napisati font-size,
ampak fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Če vam to ni zelo všeč - vzemite
ključ font-size v narekovaje:
$('.www').css({color: 'red', 'font-size': '12px'});
Kot vidite, jQuery ponuja različne možnosti uporabe metod, odvisno od vaših preferenc. Uporabite tisto, kar vam je bolj priročno.
Vsem h3 naredite krepko
besedilo zelene barve.
Vsem h2 naredite svetlo modro barvo in
font-size: 30px.
