jQuery 入門教程(17): 讀寫HTML元素的css 屬性

jQuery 的css()方法用來設置或讀取HTML元素的css屬性。
讀取元素的CSS語法語法以下:
css(「 propertyname 「);

好比下面代碼取得第一個<p>元素的背景顏色。 javascript

[javascript]  view plain copy print ?
  1. $("p").css("background-color");  

使用下面的語法來設置HTML元素的CSS屬性: css

css(「propertyname「,」value「); html

例如,下面代碼爲全部<p>元素設置背景色爲黃色。 java

[html]  view plain copy print ?
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="utf-8">  
  5.     <title>JQuery Demo</title>  
  6.     <script src="scripts/jquery-1.9.1.js"></script>  
  7.     <script>  
  8.         $(document).ready(function () {  
  9.             $("button").click(function () {  
  10.                 $("p").css("background-color", "yellow");  
  11.             });  
  12.         });  
  13.     </script>  
  14. </head>  
  15.   
  16. <body>  
  17.     <h2>This is a heading</h2>  
  18.     <p style="background-color: #ff0000">This is a paragraph.</p>  
  19.     <p style="background-color: #00ff00">This is a paragraph.</p>  
  20.     <p style="background-color: #0000ff">This is a paragraph.</p>  
  21.     <p>This is a paragraph.</p>  
  22.     <button>Set background-color of p</button>  
  23. </body>  
  24. </html>  

20130309008
css()也支持同時多個CSS屬性:其語法以下:
css({「 propertyname 「:」 value 「,」 propertyname 「:」 value 「,…});
好比:
[javascript]  view plain copy print ?
  1. $("p").css({"background-color":"yellow","font-size":"200%"});   
相關文章
相關標籤/搜索