歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery 屬性操作 - toggleClass() 方法

jQuery 屬性操作 - toggleClass() 方法

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

toggleClass方法的定義:

toggleClass() 對設置或移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。

  1. <head>
  2. <title>jQuery控制CSS樣式</title>
  3. <script language="javascript" type="text/javascript"
  4. src="Jscript/jquery-1.5.2.js"></script>
  5. <style type="text/css">
  6. .divDefalut{width:260px;font-size:10pt;padding:5px}
  7. .divClick{width:260px;border:solid 1px #666;font-size:10pt;background-color:#eee;padding:5px}
  8. </style>
  9. <script type="text/javascript">
  10. $(function(){
  11. $(".divDefalut").click(function(){
  12. $(this).toggleClass("divClick").html("點擊後的樣式");
  13. });
  14. });
  15. </script>
  16. </head>
  17. <body>
  18. <div class="divDefalut">點擊前的樣式</div>
  19. </body>
Copyright © Linux教程網 All Rights Reserved