讀取元素的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%"});