jquery 点击事件点击元素添加和移除class

最新推荐文章于 2023-06-29 20:28:49 发布

西西南

最新推荐文章于 2023-06-29 20:28:49 发布

阅读量4.3k

点赞数

分类专栏： JQuery JQ特效 JavaScript 特效文章标签： JQuery

本文链接：https://blog.youkuaiyun.com/weixin_37913331/article/details/94453317

版权

JQuery 同时被 3 个专栏收录

3 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

JQ特效

2 篇文章

订阅专栏

本文介绍了如何使用jQuery实现点击元素时添加class，再次点击其他元素时移除原有class并给新点击的元素添加class的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery 点击事件点击元素添加和移除class

怎么实现点击一个元素给它添加class，再点击一个元素移除上一个元素的class，再给现在点击的元素添加class

<div class="swiper-wrapper">
<div class="swiper-slide red-slide active">
<p>热门</p>
</div>
<div class="swiper-slide red-slide ">
<p>这里可以自</p>
</div>
<div class="swiper-slide red-slide ">
<p>这里可以自</p>
</div>
</div> 。

#代码如下所示

$(function(){
    $(".swiper-wrapper div").click(function(){
        $(this).addClass("active");
        $(this).siblings().removeClass("active");
    });
});