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>  

相关内容