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

栏目:网站建设知识问答 浏览:235

老师,看到课程里讲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");
})
关闭 维课网微信