上QQ阅读APP看书，第一时间看更新
4.3 获取或设置CSS样式
jQuery提供了css()方法用来获取或设置元素的一个或多个样式属性。这里我们需要注意可以一次设置多个。
获取一个属性时：
$("div").css("background-color");
设置一个属性时：
$("div").css("background-color", "blue");
设置多个属性时：
$("div").css({"background-color": "blue", "font-size": "200%"});
从代码可以看出，属性与属性之间用逗号间隔，属性和属性的值之间用冒号间隔，外层用一个{}包围。
【示例4-3】getsetcss.html
01 <script>
02 $(document).ready(function(){
03 $("button").click(function(){
04 $("p").css({"background-color": "yellow", "font-size": "200%"});
05 });
06 });
07 </script>
08
09 <body>
10 <h2>我的故乡</h2>
11 <p style="background-color:#ff0000">有条河</p>
12 <p style="background-color:#00ff00">有座山</p>
13 <p style="background-color:#0000ff">有个寺庙</p>
14 <p>它真的很美</p>
15 <button>设置P的属性</button>
16 </body>
第04行设置了p元素的两个属性background-color和font-size。在浏览器中的默认页面如图4.5所示，单击“设置P的属性”按钮后，页面效果如图4.6所示。
图4.5 默认效果
图4.6 单击后整体修改样式