jQuery_css

对于jQuery的css属性方法：

它有读取css样式和设置css样式的功能；

一.读取

我们通过jQuery对象.css('属性名')来读取匹配元素的属性值：

    例如：

        $("p").css("color");

        取得第一个段落的color样式属性的值。

二.设置

  通过jQuery对象.css('属性名'，‘设置的属性值’)来设置属性值（单个属性）： 

    例如：

        $("p").css("color","red");

        将所有段落字体设为红色

通过jQuery对象.css({属性名： “设置的属性值”，属性名 ：“设置的属性值”....})来设置多个属性值：

$("p").css({ color: "#ff0011", background: "blue" });

将所有段落的字体颜色设为红色并且背景为蓝色。

通过jQuery对象.css(属性值：function(index,value){})来设置css样式（此函数返回要设置的属性值。接受两个参数，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的大小

常用（例子说明）：

1. 得到第一个p标签的颜色

  console.log($("p:first").css('color'));

  2. 设置所有p标签的文本颜色为red

  $('p').css('color','red')

  3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px)

$('p:eq(1)').css({color:'#ff0011',background:'blue',width:30,height:300

  })