jQuery直接设置元素样式值

在jQuery中,可以通过css()方法为某个指定的元素设置样式值,语法格式:css(name,value)其中name为样式名称,value为样式值。

示例如下:

  1. <head>  
  2.     <title>直接设置元素样式值</title>  
  3.     <script type="text/javascript"   
  4.             src="../Jscript/jquery-1.4.2.js">  
  5.     </script>  
  6.     <script type="text/javascript"   
  7.             src="../Jscript/jquery-1.4.2-vsdoc.js">  
  8.     </script>  
  9.     <style type="text/css">  
  10.            body{font-size:15px}  
  11.            p{padding:5px;width:220px}  
  12.     </style>  
  13.     <script type="text/javascript">  
  14.         $(function() {  
  15.             $("p").click(function() {  
  16.                 $(this).css("font-weight", "bold");//字体加粗  
  17.                 $(this).css("font-style", "italic");//斜体  
  18.                 $(this).css("background-color", "#eee");//增加背景色  
  19.             })  
  20.         })  
  21.     </script>  
  22. </head>  
  23. <body>  
  24.      <p>Write Less Do More</p>  
  25. </body>  
  26. </html>  

相关推荐