jQuery 修改css 样式
- 逐个设置
$("p").css("color","red"); //将所有段落字体设为红色。
- 链式设置(建议最多三个)
$("p").css("color","red").css("font-size","18px"); //将所有段落字体设为红色,字体大小为18px。
- 批量设置(传入“对象”)
$("p").css({
"color": "#ff0011",
"background": "blue" //将所有段落的字体颜色设为红色并且背景为蓝色。
});
- 传递函数,
参数:1:属性名。2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值
$("div").click(function() {
$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
}
});
});//逐渐增加div的大小,没点击一次div宽高扩大1.2倍
读取css样式
例子:$(“p”).css(“color”); //取得第一个段落的color样式属性的值