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:

html<p class="www">text</p>

V tem primeru ni nobenih težav - v Javascript kodu se zapiše enako kot v CSS:

javascript$('.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:

javascript$('.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:

javascript$('.www').css({color: 'red', fontSize: '12px'});

Če vam to ni zelo všeč - vzemite ključ font-size v narekovaje:

javascript$('.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.

Задание 1

Vsem h3 naredite krepko besedilo zelene barve.

Задание 2

Vsem h2 naredite svetlo modro barvo in font-size: 30px.