jQuery是一个非常流行和实用的JavaScript库,它可以帮助Web开发者更加高效地操作网页元素和实现交互效果。其中一个常见的需求就是点击移除当前样式,下面来介绍具体实现方式。
//通过给被点击元素添加类名来实现当前元素样式的改变 $("body").on("click",".changeClass",function(){ $(this).addClass("active").siblings().removeClass("active"); }); //将所有同级元素的样式移除,只保留当前元素的样式 $("body").on("click",".removeSiblings",function(){ $(this).addClass("active").siblings().removeClass("active"); }); //通过循环的方式将所有元素的样式移除,只保留当前元素的样式 $("body").on("click",".removeAll",function(){ var $this = $(this); $this.addClass("active").siblings().each(function(){ $(this).removeClass("active"); }); });
以上代码分别是通过添加类名、移除同级元素的样式和移除所有元素的样式三种方式来实现的,可以根据实际需求选择适合的方式。