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;
??????? }???????
????? });???
});
?

轉載于:https://www.cnblogs.com/GeorgeWang/archive/2011/02/20/1959039.html

總結

以上是生活随笔為你收集整理的jQuery CSS 样式属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。