css(name) 访问第一个匹配元素的样式属性。
返回值 : String
参数 : name (String) : 要访问的属性名称
示例 : 取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
--------------------------------------------------------------------------------------------------------------
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
参数 :
properties (Map) : 要设置为样式属性的名/值对
示例 : 将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });
如果属性名包含 "-"的话，必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
--------------------------------------------------------------------------------------------------------------
css(name,value)
在所有匹配的元素中，设置一个样式属性的值。数字将自动转化为像素值
参数 :
name (value) : 属性名
value (String, Number) : 属性值
示例 : 将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
--------------------------------------------------------------------------------------------------------------
css(name,function(index,value))
在所有匹配的元素中，设置一个样式属性的值。数字将自动转化为像素值。
参数 :
name (value) : 属性名
function(index, value) (Function) : 此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值。
示例 : 逐渐增加div的大小
jQuery 代码:
 $("div").click(function() {
      $(this).css({
        width: function(index, value) {
          return parseFloat(value) * 1.2;  
        },
        height: function(index, value) {
          return parseFloat(value) * 1.2;
        }       
      });   
});