首頁  >  CSS  > css(name|pro|[,val|fn])

返回值:String css(name|pro|[,val|fn])

概述

訪問匹配元素的樣式屬性。

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是原先的屬性值。

示例

參數name 描述:

取得第一個段落的color樣式屬性的值。

jQuery 程式碼:

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

參數properties 描述:

將所有段落的字型顏色設為紅色並且背景為藍色。

jQuery 程式碼:

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

參數name,value 描述:

將所有段落字型設為紅色

jQuery 程式碼:

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

參數name,回撥函式 描述:

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