- 0133技术站
- 联系QQ：18840023
- QQ交流群
- 微信公众号
蹊下
更新时间：2019-02-23 17:50:50
jQuery css() 方法
定义和用法
css() 方法为被选元素设置或返回一个或多个样式属性。
当用于返回属性：
该方法返回第一个匹配元素的指定 CSS 属性值。
然而，简写的 CSS 属性（比如 "background" 和 "border"）不被完全支持，且当用于返回属性值时，在不同的浏览器中有不同的结果。
当用于设置属性：
该方法为所有匹配元素设置指定 CSS 属性。
语法
返回 CSS 属性值：
$(selector).css(property)
设置 CSS 属性和值：
$(selector).css(property,value)
使用函数设置 CSS 属性和值：
$(selector).css(property,function(index,currentvalue))
设置多个属性和值：
$(selector).css({属性：value, 属性：value, ...})| 参数 | 描述 |
| property | 规定 CSS 属性名称，比如 "color"、"font-weight" 等等 |
| value | 规定 CSS 属性的值，比如 "red"、"bold" 等等 |
| function(index,currentvalue) | 规定返回 CSS 属性新值的函数。 index : 返回集合中元素的 index 位置。 currentvalue : 返回 CSS 属性的当前值。 |
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("color","red");
});
});
</script>
</head>
<body>
<button>设置所有P元素的颜色属性</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册