当前位置:

JQUERY toggleClass()实现点击添加Class再点击去除Class

老师,看到课程里讲JQUERY点击反复变化的效果,常用到toggle(),用于DIV的显示与隐藏。那么能不能实现点击添加Class再点击去除Class呢?

可以的。JQUERY toggleClass()就可以达到你要求的效果。点击添加一个class,再点击就去除这个class类。
用法如下:


$(".mol_navs").click(function(){
$(this).toggleClass("mol_navs2");
})

还可以同时控制多个元素


$(".molicon").click(function(){
$(this).toggleClass("xz").parents().siblings().find(".molicon").removeClass("xz");
})

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注