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");
})