jQuery - css() 方法


jQuery css() 方法

这个css()方法设置或返回所选元素的一个或多个样式属性。


返回 CSS 属性

要返回指定 CSS 属性的值,请使用以下语法:

css(" propertyname");

以下示例将返回第一个匹配元素的背景颜色值:

示例

$("p").css("background-color");
亲自试一试 »

设置 CSS 属性

要设置指定的 CSS 属性,请使用以下语法:

css(" propertyname"," value");

以下示例将为所有匹配元素设置背景颜色值:

示例

$("p").css("background-color", "yellow");
亲自试一试 »


设置多个 CSS 属性

要设置多个 CSS 属性,请使用以下语法:

css({" propertyname":" value"," propertyname":" value",...});

以下示例将为所有匹配的元素设置背景颜色和字体大小:

示例

$("p").css({"background-color": "yellow", "font-size": "200%"});
亲自试一试 »

jQuery 练习

通过练习测试一下

练习:

使用css()方法向 <p> 元素添加粉红色背景颜色。

$("p").("", "");

开始练习


jQuery CSS 参考

有关所有 jQuery CSS 方法的完整概述,请访问我们的jQuery HTML/CSS 参考