jQuery css() 方法

1. jQuery css() 方法

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

2. 返回 CSS 属性

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

css("propertyname");

下面的例子将返回首个匹配元素的 background-color 值:

范例

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

3. 设置 CSS 属性

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

css("propertyname","value");

下面的例子将为所有匹配元素设置 background-color 值:

范例

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

4. 设置多个 CSS 属性

如需设置多个 CSS 属性,请使用如下语法:

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

下面的例子将为所有匹配元素设置 background-color 和 font-size:

范例

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

下一章:jQuery 尺寸

通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 提供多个处理尺寸的重要方法:width()、height()、innerWidth()、innerHeight()、outerWidth()、outerHeight()。jQuery width() 和 height() 方法:width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。