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.
