CSS својства са цртицама у jQuery
Нека својство, као што је то често случај у CSS, буде састављено од више речи, раздвојених цртицом:
<p class="www">text</p>
У том случају нема никаквих проблема - у Javascript коду се записује исто као и у CSS:
$('.www').css('font-size', '20px');
Ако желите да задате више CSS својстава,
онда се методу css може проследити
као параметар објекат, чији су кључеви
CSS својства, а вредности објекта
- вредности CSS својстава:
$('.www').css({color: 'red', font: '12px Arial'});
Међутим, овде већ ће бити проблема са својствима типа
font-size
- потребно је написати не font-size,
већ fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Ако вам се не свиђа тако да радите - ставите
кључ font-size у наводнике:
$('.www').css({color: 'red', 'font-size': '12px'});
Као што видите, jQuery даје различите варијанте употребе метода у зависности од ваших преференци. Користите оно што вам је удобније.
Свим h3 елементима подесите подебљан
текст зелене боје.
Свим h2 елементима подесите плаво-зелену боју и
font-size: 30px.