.css() – возвращает или изменяет значения css-величин у выбранных элементов страницы.

Функция имеет четыре варианта использования.

.css( propertyName )

Возвращает значение свойства propertyName у выбранного элемента. Если выбрано несколько элементов, то значение будет взято у первого.

• propertyName — имя свойства.

.css( propertyName, value )

Устанавливает значение value свойству propertyName для всех элементов набора jQuery.

• propertyName — имя свойства;
• value – значение, присваиваемое свойству.

.css( propertyName, function )

Присваивает свойству propertyName значение, возвращенное функцией function() для всех элементов набора jQuery.

• propertyName — имя свойства;
• function (index, value) — функция, которая вызывается индивидуально для каждого отдельного элемента в наборе, а возвращаемое ею значение становится значением атрибута
  • index — позиция элемента в наборе;
  • value — текущее значение свойства propertyName у элемента.

.css( properties )

Присваивает одновременно несколько свойств для всех элементов набора jQuery, с помощью объекта отображения.

• properties — {имя_свойства1: значение, имя_свойства2: значение и т.д.}

Метод .css() позволяет легко получить значение свойства вычисляемого стиля из первого соответствующего элемента, особенно с учетом различных способов доступа браузерами к большинству этих свойств. Например, Internet Explorer обращается к свойству float как styleFloat, а W3C-браузер как cssFloat. В jQuery вы можете просто использовать «float», а библиотека сама будет переводить его на правильное значение для каждого браузера.

Кроме того, jQuery в равной степени может интерпретировать код CSS и DOM для свойств, название которых состоит из нескольких слов. Например, jQuery понимает и возвращает правильное значение для .css( "background-color") и для .css( "backgroundColor"). Это означает, что смешанное написание имеет особое значение, например .css( "WiDtH" ) не будет делать то же самое, что и .css( "width" ).