歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery直接設置元素樣式值

jQuery直接設置元素樣式值

日期:2017/3/1 10:59:58   编辑:Linux編程

在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>
Copyright © Linux教程網 All Rights Reserved