jQuery — метод css()


Метод jQuery css()

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


Вернуть свойство CSS

Чтобы вернуть значение указанного свойства CSS, используйте следующий синтаксис:

css("propertyname");

Следующий пример вернет значение background-color ПЕРВОГО совпадающего элемента:

Пример

$("p").css("background-color");

Установите свойство CSS

Чтобы установить указанное свойство CSS, используйте следующий синтаксис:

css("propertyname","value");

В следующем примере будет установлено значение background-color для ВСЕХ соответствующих элементов:

Пример

$("p").css("background-color", "yellow");

Установить несколько свойств CSS

Чтобы задать несколько свойств CSS, используйте следующий синтаксис:

css({"propertyname":"value","propertyname":"value",...});

В следующем примере будут установлены фоновый цвет и размер шрифта для ВСЕХ соответствующих элементов:

Пример

$("p").css({"background-color": "yellow", "font-size": "200%"});

jQuery-упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте этот css()метод, чтобы добавить розовый цвет фона к элементу <p>.

$("p").("", "");


Справочник по jQuery CSS

Полный обзор всех CSS-методов jQuery см. в нашем справочнике по jQuery HTML/CSS .