css

abbr.control-stick steering 操纵杆控制;combat service support 战斗勤务支援;coded switch system 密码转接系统;cryogenic storage system 冷冻贮藏系统

jquery css()方法 语法

作用:css() 方法返回或设置匹配的元素的一个或多个样式属性。

返回css属性:返回第一个匹配元素的 CSS 属性值。当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。

语法:$(selector).css(name)‘

参数:

参数描述
name    必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性。比如 "color"。  

设置css属性:    设置所有匹配元素的指定 CSS 属性。

语法:$(selector).css(name,value)

参数:

参数描述
name    必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 "color"。
value    可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值,比如 "red"。如果设置了空字符串值,则从元素中删除指定属性。

使用函数来设置css属性:设置所有匹配的元素中样式属性的值。此函数返回要设置的属性值。接受两个参数,index 为元素在对象集合中的索引位置,value 是原先的属性值。

语法:$(selector).css(name,function(index,value))

参数:

参数描述
name    必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 "color"。
function(index,value)规定返回 CSS 属性新值的函数。
index 可选。接受选择器的 index 位置
oldvalue 可选。接受 CSS 属性的当前值。

设置多个css属性/值:把“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

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

参数:

参数描述
{property:value} 必需。规定要设置为样式属性的“名称/值对”对象。该参数可包含若干对 CSS 属性名称/值。比如 {"color":"red","font-weight":"bold"}

jquery css()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("color","red");
  });
});
</script>
</head>

<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">改变段落的颜色</button>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例