html元素添加和移除class属性

最新推荐文章于 2025-07-07 11:55:22 发布

原创最新推荐文章于 2025-07-07 11:55:22 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #div #html #jquery #js

HTML+CSS 同时被 2 个专栏收录

5 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文介绍了一种使用JQuery实现在多个元素间通过点击切换激活状态的方法。具体实现为：点击任一元素时，先移除当前已激活元素上的激活类（active），然后为当前点击的元素添加激活类。

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

Jquery实现点击一个元素给它添加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");
    });
});