---

jQuery CSS()方法

概述

CSS方法是对元素样式进行修改的jQuery方法之一。您可以使用它来获取或设置CSS属性。

语法

以下是CSS()方法的基本语法：

css(property)

或者

css(property, value)

• property：必需。要设置或返回的CSS样式属性的名称。
• value：可选。要设置的CSS样式属性的值。

获取CSS属性

要获取CSS属性的值，您可以使用CSS()方法，没有设置value参数。例如：

//获取元素背景颜色
var bgColor = $("#myElement").css("background-color");

在上面的示例中，“background-color"是CSS属性名，$（"＃myElement”）是jQuery选择器，它选择了ID为“myElement”的元素。

设置CSS属性

要设置CSS属性，请使用CSS()方法并传递要设置的属性及其值。例如：

$("#myElement").css("background-color", "green");

在上面的示例中，$（"＃myElement"）是jQuery选择器，它选择了ID为“myElement”的元素。 此方法将元素的背景颜色设置为绿色。

您也可以使用对象（而不是单个属性/值对）来一次设置多个属性。例如：

$("#myElement").css({
    "background-color": "green",
    "color": "white"
});

在上面的示例中，使用了两个CSS属性：背景颜色和文本颜色。

注意事项

• 如果要设置数字值，则不需要使用双引号。
• 不要使用小写字母来设置CSS属性，例如’background-color’而不是’backgroundColor’。
• 可以使用变量来设置CSS属性。
• 当使用单个属性名称调用CSS（propName）时，它将返回该属性的当前计算值（包括内联样式，类样式和外部样式表）。

总结

CSS()方法是修改指定元素CSS属性的强大工具。它可以用于获取和设置CSS属性，可以一次设置多个属性，可以使用变量设置属性，并且可以返回计算后的属性值。熟练使用该方法将加速您的开发和提高效率。