歡迎來到Linux教程網
設為首頁 加入收藏
Linux教程網
Linux教程網
Linux教程網
您现在的位置： Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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>  

Linux編程

jQuery中的(function($){...})(jQuery)

jQuery中操作CSS樣式

Java 中設置默認的樣式

jQuery子元素過濾選擇器

jQuery獲取和設置元素內容

jQuery中獲取或設置元素值

jQuery增加樣式類別

jQuery刪除元素remove

相關文章
  • Linux編程
  • SHELL編程
  • PERL編程
    • Copyright © Linux教程網 All Rights Reserved