jquery css()方法
翻译结果:
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>
点击 "运行实例" 按钮查看在线实例