jQuery css() 方法
實例
設置所有 <p> 元素的 color 屬性:
$("button").click(function(){
$("p").css("color","red");
});
定義和用法
css() 方法為被選元素設置或返回一個或多個樣式屬性。
當用於返回屬性:
該方法返回第一個匹配元素的指定 CSS 屬性值。
然而,簡寫的 CSS 屬性(比如 "background" 和 "border")不被完全支持,且當用於返回屬性值時,在不同的流覽器中有不同的結果。
當用於設置屬性:
該方法為所有匹配元素設置指定 CSS 屬性。
語法
返回 CSS 屬性值:
$(selector).css(property)
設置 CSS 屬性和值:
$(selector).css(property,value)
使用函數設置 CSS 屬性和值:
$(selector).css(property,function(index,currentvalue))
設置多個屬性和值:
$(selector).css({屬性:value, 屬性:value,
...})
參數 | 描述 |
---|---|
property | 規定 CSS 屬性名稱,比如 "color"、"font-weight" 等等。 |
value | 規定 CSS 屬性的值,比如 "red"、"bold" 等等。 |
function(index,currentvalue) | 規定返回 CSS 屬性新值的函數。
|

更多實例
返回 CSS 屬性值
返回第一個匹配元素的指定 CSS 屬性值。
使用函數設置 CSS 屬性和值
如何使用函數為被選元素改變 CSS 屬性。
設置多個 CSS 屬性和值對
如何為被選元素設置多個 CSS 屬性和值。