toggleClass方法的定义:
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
- <head>
- <title>jQuery控制CSS样式</title>
- <script language="javascript" type="text/javascript"
- src="Jscript/jquery-1.5.2.js"></script>
- <style type="text/css">
- .divDefalut{width:260px;font-size:10pt;padding:5px}
- .divClick{width:260px;border:solid 1px #666;font-size:10pt;background-color:#eee;padding:5px}
- </style>
- <script type="text/javascript">
- $(function(){
- $(".divDefalut").click(function(){
- $(this).toggleClass("divClick").html("点击后的样式");
- });
- });
- </script>
- </head>
- <body>
- <div class="divDefalut">点击前的样式</div>
- </body>