返回宝典

jQuery css方法

上一节 下一节

css() 方法

jQuery中的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"} );

运行一下


jQuery css方法

上一节 下一节