最新的Web開發教程
 

jQuery css() Method

<jQuery的HTML / CSS方法

將所有<p>元素的顏色屬性:

$("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({property:value, property:value, ...})

參數 描述
property 指定CSS屬性的名稱,如"color", "font-weight"等。
value 指定CSS屬性的值,比如"red", "bold" ,等等。
function(index,currentvalue) 指定的CSS屬性返回新值的函數
  • index -返回集合中的元素的索引位置
  • currentvalue -返回CSS屬性的當前值

試一試 - 示例

返回CSS屬性值
返回第一個匹配元素的指定CSS屬性值。

使用函數設置CSS屬性和值
使用函數來更改所選元素的CSS屬性。

設置多個CSS屬性和值對
如何設置所選元素多個CSS屬性和值。


<jQuery的HTML / CSS方法