jQuery 属性操作 - toggleClass() 方法

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>  

相关推荐