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");
    });
});

}）;

Answer 2

好吧，而不是删除课程，你可以：

$("#residenceHallsForm").attr('class', 'animated bounceInRight');

这将删除所有其他类，只列出的类将分配给该ID。

然而; ＆＃39; TOGGLE＆＃39;和show hide一样适用于课程。

Answer 3

var $inputResidenceHalls = $("#inputResidenceHalls");

$inputResidenceHalls.click(function() {
    $inputResidenceHalls.toggleClass("hide animated bounceInLeft");
    $("#inputApartments").click(function() {
        $inputResidenceHalls.toggleClass("hide animated bounceInLeft");
    });
});

http://api.jquery.com/toggleclass/

Answer 4

您还可以使用.toggleClass()函数添加/删除类。以下是link

的解释

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

4 个答案: