Работа с CSS

Для работы с CSS в jQuery предусмотрен метод .css(). Первым параметром он принимает имя CSS свойства, а вторым - его новое значение.

Давайте получим все элементы с классом .www и поменяем их цвет на красный:

<p class="www">Абзац.</p>

<script>
$('.www').css('color', 'red');
</script>

Если свойство состоит из нескольких слов, разделенных дефисом, с этим нет никаких проблем - оно записывается как в CSS:

<p class="www">Абзац.</p>

<script>
$('.www').css('font-size', '20px');
</script>

Если вы хотите задать несколько CSS свойств, для этого можно передать параметром в метод .css() объект, ключами которого будут CSS свойства, а значениями объекта - значения CSS свойств:

<p class="www">Абзац.</p>

<script>
$('.www').css({color: 'red', font: '12px Arial'});
</script>

Cо свойствами типа font-size будут проблемы, нужно писать не font-size, а fontSize:

<p class="www">Абзац.</p>

<script>
$('.www').css({color: 'red', fontSize: '12px'});
</script>

Можно взять ключ font-size в кавычки:

<p class="www">Абзац.</p>

<script>
$('.www').css({color: 'red', 'font-size': '12px'});
</script>