[聚合文章] jQuery设置或返回元素样式属性。

jQuery 1900-01-01 22 阅读

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

如需返回指定的 CSS 属性的值,请使用如下语法:

css("propertyname");

设置 CSS 属性

语法

css("propertyname","value");

例子将为所有匹配元素设置 background-color 值:

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

设置多个 CSS 属性

语法

css({"propertyname":"value","propertyname":"value",...});
map集合形式,键值对的方式进行设置,以逗号隔开。

例子将为所有匹配元素设置 background-color 和 font-size:

实例

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

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){  $("button").click(function(){    $("p").css({"background-color":"yellow","font-size":"200%"});  });});</script></head><body><h2>这是一个标题</h2><p >这是一个段落。</p><p >这是一个段落。</p><p >这是一个段落。</p><p>这是一个段落。</p><button>为 p 元素设置多个样式</button></body></html>
                

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。