jquery 样式获取设置值_jQuery如何获取css属性的值？

在jQuery中可以使用css()方法来获取css样式属性，jQuery css() 方法设置或返回被选元素的一个或多个样式属性。下面本篇文章就来给大家介绍一下jQuery css()方法，希望对大家有所帮助。

css() 方法可用于设置或返回被选元素的一个或多个样式属性。

返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：css("propertyname");

下面的例子将返回首个匹配元素的 background-color 值：

$(document).ready(function(){

$("button").click(function(){

alert("背景颜色 = " + $("p").css("background-color"));

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

返回第一个 p 元素的 background-color

效果图：

设置 CSS 属性

如需设置指定的 CSS 属性，请使用如下语法：css("propertyname","value");

下面的例子将为所有匹配元素设置 background-color 值：

$(document).ready(function(){

$("button").click(function(){

$("p").css("background-color","yellow");

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。

设置 p 元素的 background-color

效果图：

设置多个 CSS 属性

如需设置多个 CSS 属性，请使用如下语法：css({"propertyname":"value","propertyname":"value",...});

下面的例子将为所有匹配元素设置 background-color 和 font-size：

$(document).ready(function(){

$("button").click(function(){

$("p").css({"background-color":"yellow","font-size":"200%"});

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。

为 p 元素设置多个样式

效果图：

css()方法的参数值propertyname：必需值，规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。

value：可选值，规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。如果设置了空字符串值，则从元素中删除指定属性。