加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

jQuery 属性操作 - toggleClass() 技巧

发布时间:2021-12-18 16:36:04 所属栏目:PHP教程 来源:互联网
导读:toggleClass方法的定义: toggleClass() 对设置或移除被选元素的一个或多个类进行切换。 该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。 head titlejQuery控制CSS样式/title script language=javascript typ
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>  

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读