Javascript 如何使用jQuery覆盖类

我试图创建一个切换函数，当用户单击一个按钮时，它会添加一个类属性，使箭头向下。如下图所示：

我的HTML：

<div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="slide1 tab">
                            <h2 class="button">Is a bonus work taking?</h2>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="slide2 tab">
                            <h2 class="button">How does it work?</h2>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="slide3 tab">
                            <h2 class="button">Chances of redeeming bonus </h2>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="slide4 tab">
                            <h2 class="button">Required documents</h2>
                        </div>
                    </div>
</div>
</div>

我的jQuery：

$('.tab > .button').click(function() {
        $(this).removeClass('.button').addClass('.open-button');
    });

---

codepen是

首先，所有以任何方式添加/删除/更改类的jQuery函数都不需要前缀

，因此：

$(this).removeClass('.button').addClass('.open-button');

应该是：

$(this).removeClass('button').addClass('open-button');

然后，要让它在每次单击时添加，然后删除，请改为使用：

或在一次通话中执行以下操作：

$(this).toggleClass('button open-button');

---

首先，所有以任何方式添加/删除/更改类的jQuery函数都不需要

前缀，因此：

$(this).removeClass('.button').addClass('.open-button');

应该是：

$(this).removeClass('button').addClass('open-button');

然后，要让它在每次单击时添加，然后删除，请改为使用：

或在一次通话中执行以下操作：

$(this).toggleClass('button open-button');

---

首先，您需要从jQuery类方法中远程点，因此addClass（“.button”）应该是addClass（“button”）。一开始似乎令人困惑，但这是它的工作方式

为了减少冗余，更干燥，请按如下方式操作：

$(this).toggleClass('open-button');

这样，您的.open按钮的CSS样式只需要更改克拉，而不需要重复.button类的整个样式

---

首先，您需要从jQuery类方法中远程点，因此addClass（“.button”）应该是addClass（“button”）。一开始似乎令人困惑，但这是它的工作方式

为了减少冗余，更干燥，请按如下方式操作：

$(this).toggleClass('open-button');

这样，您的.open按钮的CSS样式只需要更改克拉，而不需要重复.button类的整个样式