淘先锋技术网

首页 1 2 3 4 5 6 7

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

jquery点击移除当前样式

以上代码分别是通过添加类名、移除同级元素的样式和移除所有元素的样式三种方式来实现的,可以根据实际需求选择适合的方式。