jQuery 修改css 样式

jQuery 修改css 样式

1. 逐个设置

$("p").css("color","red");  //将所有段落字体设为红色。

1. 链式设置（建议最多三个）

$("p").css("color","red").css("font-size","18px");  //将所有段落字体设为红色，字体大小为18px。

1. 批量设置（传入“对象”）

$("p").css({
"color": "#ff0011",
"background": "blue"
});  //将所有段落的字体颜色设为红色并且背景为蓝色。

1. 传递函数，
   参数：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样式属性的值。