网站首页 极客学院 视频课堂 极客论坛 下载专区 行业新闻 欢迎光临极客研究院,今天是2019-08-24 星期六
会员面板
帐号:
密码:
验证码:
极客学院
教程搜索
输入要搜索的内容:

下载专区
精品教程
   网站首页 > WEB开发 > Jquery/mobile教程 > toggleClass 切换css class的效果

toggleClass 切换css class的效果

 <style>
.lefter_title{
height:20px;
width:200px;
background-color:#3C9;
}
</style>

<div id="d1">Hello,</div>
 
 
<input type="button" value="Change" id="b1"/>
 
<script>
$("#b1").click(function(){
$("#d1").toggleClass("lefter_title");
});
</script>

第一次点击会是添加类的效果,相当于$("#d1").addClass("lefter_title");
再次点击是删除类的效果,相当于
$("#d1").removeClass("lefter_title");
这样反复切换
如果
$("#d1").toggleClass("lefter_title",true);  //如果这样加上参数,只能切换一次了,等同于$("#d1").addClass("lefter_title");

实际上toggle等同于下面的效果
var flag=1;
$(".selector").click(function(){
if(flag==1){
//执行方法;
flag=0;
}else{
//执行方法;
flag=1;
}
  相关文章
本文标题:toggleClass 切换css class的效果
对本文有疑问?现在就进入论坛提问>>
 
粤ICP备18090445号