使用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在活动时优先考虑？我不想申请！重要。还有别的吗？

Answer 1

您可以查看.removeClass类，当您的click事件是triggerer时，可以移除活动类。然后，您可以使用.addClass函数添加选定的css类。

您可以检查当前选定的课程并根据具体情况进行更改。也许不是最好的方法，但它应该有用。

你还应该看一下.on，.on可以防止在构建和使用DOM recommended notes时遇到麻烦。

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