Метод .css() работает аналогично методу .attr(), за исключением того, что он применяется к стилям. Чтобы изменить значение свойства стиля, передайте методу имя значения свойства в качестве единственного параметра; чтобы задать значение свойства, передайте методу как имя свойства, так и его новое значение. Как и в случае метода .attr(), использование формата JSON позволяет устанавливать сразу несколько значений.

Чтобы текст во всех элементах с классом foo отображался на желтом фоне красным цветом, используйте следующий код.

$(".foo").css({
      "color":"red", "background":"yellow"
   });

Этот код добавляет в выбираемые элементы новые свойства стилей (рис. 2.15).

Рис. 2.15. Вид документа после добавления CSS-стиля в элементы с классом foo

 
Не перезагружая страницу, извлеките значение свойства color из элементов с классом foo с помощью такого кода:

$(".foo").css("color");

В консоли будет получен следующий результат.  

______________________________________

>>> $(".foo").css("color");
"rgb(255, 0, 0)"

______________________________________