javascript - 使用 ToggleClass 时如何覆盖 CSS？

Question

代码：

$(document).ready(function () {
    $('.button').click(function () {
         $('.button').toggleClass('active');
    });
});

CSS：

.button {
     background-color: red;
}
.active {
     background-color: green;
}

JQuery 有效，但 .button 的 CSS 覆盖了 .active 的 css。我该怎么做才能使 .active 在它处于活动状态时优先？我不想申请！重要。还有什么办法吗？

score 1 · Accepted Answer

您可以查看.removeClass类，因此您可以在单击事件触发时删除活动类。然后，您可以使用.addClass函数添加选定的 css 类。

您可以检查当前选择的班级并根据情况进行更改。也许不是最好的方法，但它应该有效。

您还应该看看.on，.on 可以防止在构建和使用 DOM 时遇到麻烦，推荐的注释。

$('.button').on("click", function () {
    //...
});

1 回答 1