最新的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方法