css() 方法

jQuery中的css()方法可获取或设置元素指定的CSS样式属性。

• 获得某CSS样式属性的值（运行一下）
• 设置一个CSS样式（运行一下）
• 一次性设置多个CSS样式（运行一下）

---

获得某CSS样式属性的值

如果想要通过css()方法获得指定元素的某CSS样式属性，则语法如下：

css("属性名");

举例如下，获取符合jQuery选择器规则的第一个元素的background-color属性值：

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

运行一下

设置一个CSS样式

通过css()方法给指定元素设置一个CSS样式属性，则语法如下：

css("属性名", "值");

如下例所示，将符合jQuery选择器规则的所有元素的background-color属性都设置成“#eef8f8”这种浅蓝色。

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

运行一下

一次性设置多个CSS样式

上面那种方法一次只能设置一种CSS样式属性，如果想批量设置目标元素的CSS样式，可如下所示：

css( {"属性名1":"值1", "属性名2":"值2", ...} );

如下所示，为符合jQuery选择器的所有目标元素，设置如下这些样式属性和值。

$("p").css( {"background-color":"#eef8f8", "border":"1px solid Tomato"} );

运行一下