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.



Чат с GPT Компилятор