读取元素的CSS语法语法以下:
css(“ propertyname “);
好比下面代码取得第一个<p>元素的背景颜色。 javascript
- $("p").css("background-color");
使用下面的语法来设置HTML元素的CSS属性: css
css(“propertyname“,”value“); html
例如,下面代码为全部<p>元素设置背景色为黄色。 java
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>JQuery Demo</title>
- <script src="scripts/jquery-1.9.1.js"></script>
- <script>
- $(document).ready(function () {
- $("button").click(function () {
- $("p").css("background-color", "yellow");
- });
- });
- </script>
- </head>
- <body>
- <h2>This is a heading</h2>
- <p style="background-color: #ff0000">This is a paragraph.</p>
- <p style="background-color: #00ff00">This is a paragraph.</p>
- <p style="background-color: #0000ff">This is a paragraph.</p>
- <p>This is a paragraph.</p>
- <button>Set background-color of p</button>
- </body>
- </html>

css()也支持同时多个CSS属性:其语法以下:
css({“ propertyname “:” value “,” propertyname “:” value “,…});
好比:
- $("p").css({"background-color":"yellow","font-size":"200%"});