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>点击 "运行实例" 按钮查看在线实例