Метод CSS() jQuery

jQuery css()Метод получает или устанавливает один или несколько стилистических атрибутов выбранного элемента.

Этот метод предоставляет быстрый способ直接 применить стиль (внутренний стиль) к элементу HTML.

Возврат значения CSS-атрибута

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

$(selector).css(property)

Ниже приведен пример возвращения цвета фона кликнутого DIV:

$("div").click(function(){
　　$("this").css("background-color");
});

Установка CSS-атрибута и значения

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

$(selector).css(property, value)

Ниже приведен пример установки свойства color всех абзацев:

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

Когда вы используетеcss()МетодПолучениеКогда вы устанавливаете значение свойства, оно будетПервый выбранный элементзначение.

Используйтеcss()МетодУстановкаКогда вы устанавливаете значение свойства, оно будетВсе выбранные элементыУстановите один или несколько пар свойств/значений.

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

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

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

Следующий пример устанавливает несколько свойств CSS и значений для всех абзацев:

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font-size": "1.3em",
　　　　"background-color": "#4285f4",
　　　　"padding": "20px"　　
　　});
});

Референция CSS jQuery

Для получения полной информации о методах CSS, пожалуйста, посетите нашРеференция HTML / CSS jQuery.