jQuery | css() 方法

jQuery 是一款轻量级的 JavaScript 库，并且它的设计非常精巧。jQuery 内置了大量函数和方法，可以让开发者更加方便地操作 HTML 元素、处理事件、实现动画效果、发送 Ajax 请求等。其中的 css() 方法就是一种能够动态设置或者获取一个或多个元素的样式属性的方法。

$("selector").css(property,value)

语法说明

• property：必须。要设置的样式属性（比如 "color"、"background-color" 等）。
• value：可选。要设置的样式属性的值。

返回值

• 当传入一个参数（property）时，css() 方法返回指定样式属性的值。
• 当传入两个参数（property 和 value）时，css() 方法设置指定样式属性的值，并返回 jQuery 对象，以便与其他方法链式调用。

示例

例如，我们可以通过以下代码设置 p 元素的背景颜色为灰色：

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

我们还可以通过以下代码获取 p 元素当前的背景颜色：

var bgColor = $("p").css("background-color");
console.log(bgColor);

注意事项

• css() 方法设置的样式属性优先级高于在 style 标签或者内联样式中设置的。
• 当同时设置多个属性时，建议将它们整合在一个对象中进行传递。例如：

$("p").css({
  "background-color": "grey",
  "color": "white",
  "font-size": "18px"
});