javascript - 有没有更有效的方法在 jQuery 中添加和删除类？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

这个问题似乎与 help center 中定义的范围内的编程无关。 .

已关闭 9 年前。

Improve this question

是否有更有效的方法在 jQuery 中添加和删除类？我正在考虑使用 .toggle()，但看起来它仅用于显示/隐藏。哦，是的，下面的代码完美运行。

$(document).ready(function() {
    $("#inputResidenceHalls").click(function() {
        $("#residenceHallsForm").removeClass("hide");
        $("#residenceHallsForm").addClass("animated bounceInLeft");
        $("#inputApartments").click(function() {
            $("#residenceHallsForm").addClass("hide");
            $("#residenceHallsForm").removeClass("animated bounceInLeft");
        });
    });
    $("#inputApartments").click(function() {
        $("#apartmentsForm").removeClass("hide");
        $("#apartmentsForm").addClass("animated bounceInRight");
        $("#inputResidenceHalls").click(function() {
            $("#apartmentsForm").addClass("hide");
            $("#apartmentsForm").removeClass("animated bounceInRight");
        });
    });
});

如果你们有任何问题，请告诉我。

谢谢大家!我真的很感激。

Answer 1

removeClass 和 addClass 都返回 jQuery 对象，因此您可以继续链接，而不是重复选择器:

$("#inputResidenceHalls").click(function() {
    $("#residenceHallsForm").removeClass("hide").addClass("animated bounceInLeft");
    $("#inputApartments").click(function() {
        $("#residenceHallsForm").addClass("hide").removeClass("animated bounceInLeft");
    });
});
$("#inputApartments").click(function() {
    $("#apartmentsForm").removeClass("hide").addClass("animated bounceInRight");
    $("#inputResidenceHalls").click(function() {
        $("#apartmentsForm").addClass("hide").removeClass("animated bounceInRight");
    });
});

});