Метод jQuery css()

❮ Методы HTML/CSS jQuery

Пример

Установите свойство цвета для всех элементов <p>:

$("button").click(function(){
  $("p").css("color", "red");
});

Определение и использование

Метод css() устанавливает или возвращает одно или несколько свойств стиля для выбранных элементов.

При использовании для возврата свойств:
этот метод возвращает указанное значение свойства CSS ПЕРВОГО совпавшего элемента. Однако сокращенные свойства CSS (такие как «фон» и «граница») поддерживаются не полностью и могут давать разные результаты в разных браузерах.

При использовании для установки свойств:
этот метод устанавливает указанное свойство CSS для ВСЕХ соответствующих элементов.


Синтаксис

Вернуть значение свойства CSS:

$(selector).css(property)

Установите свойство и значение CSS:

$(selector).css(property,value)

Установите свойство и значение CSS с помощью функции:

$(selector).css(property,function(index,currentvalue))

Установите несколько свойств и значений:

$(selector).css({property:value, property:value, ...})

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Попробуйте сами — примеры


Возвращает указанное значение свойства CSS ПЕРВОГО совпадающего элемента.


Использование функции для изменения свойства CSS для выбранных элементов.


Как установить несколько свойств и значений CSS для выбранных элементов.


❮ Методы jQuery HTML/CSS