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
.