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.