jQuery 修改css 样式

jQuery 修改css 样式

1. 逐个设置

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

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

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

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

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

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