css(name|pro|[,val|fn])

返回值

String

概述

访问匹配元素的样式属性。

jQuery 1.8中，当你使用CSS属性在css()或animate()中，我们将根据浏览器自动加上前缀(在适当的时候)，比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用"-ms-user-select"。

参数

参数 类型 说明 示例值
name String
v1.0

要访问的属性名称
name Array
v1.9

一个或多个CSS属性组成的一个数组
properties Map
v1.0

要设置为样式属性的名/值对
name,value String, Number
v1.4

属性名,属性值
name,function(index, value) String,Function
v1.0

1:属性名
2:此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值。

示例

示例一

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

jQuery 代码

$("p").css("color");
示例二

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

jQuery 代码

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

描述：将所有段落字体设为红色

jQuery 代码

$("p").css("color","red");
示例四

逐渐增加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;      
    }    
 });  
});