jQuery 属性操作 - toggleClass() 方法
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>
相关推荐
IT之家 2020-03-11
graseed 2020-10-28
zbkyumlei 2020-10-12
SXIAOYI 2020-09-16
jinhao 2020-09-07
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
yoohsummer 2020-06-01
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08
hxmilyy 2020-05-11
黎豆子 2020-05-07
xiongweiwei00 2020-04-29
Cypress 2020-04-25
冰蝶 2020-04-20