jQuery css() 方法

实例

设置所有 <p> 元素的颜色属性:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("color", "red");
  });
});
</script>
</head>
<body>
<button>设置所有 p 元素的颜色属性</button>
<p>这是一个段落</p>
<p>这是另一个段落</p>
</body>
</html>

运行一下

定义与用法

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

用于返回属性时:

此方法返回第一个匹配元素的指定 CSS 属性值。然而并不完全支持简写 CSS 属性（如 "background" 与 "border"），在不同的浏览器中可能会出现不同的结果。

用于设置属性时:

此方法为所有匹配的元素设置指定的 CSS 属性。

语法

返回 CSS 属性值:

$(selector).css(property)

设置 CSS 属性和值:

$(selector).css(property,value)

使用函数设置 CSS 属性和值:

$(selector).css(property,function(index,currentvalue))

设置多个属性和值:

$(selector).css({property:value, property:value, ...})

参数	描述
property	指定 CSS 属性名称，如 "color", "font-weight", 等等。
value	指定 CSS 属性的值，如 "red", "bold", 等等。
function(index,currentvalue)	指定一个函数，该函数返回 CSS 属性的新值 index - 返回元素在集合中的索引位置 currentvalue - 返回 CSS 属性的当前值

jQuery css() 方法

实例

定义与用法

语法

更多实例

分类导航