如何以最简单的方式addClass和removeClass

Question

在某个其他元素收到点击事件后，使用addClass和removeClass切换隐藏元素的最短方法是什么。

<script type="text/javascript">
    $(document).ready(function() {
        $("#pps_Link").on('click', function(evt) {
            evt.preventDefault();
            var pssd = $(".psSelectDD");
            if (!pssd.hasClass("db")) {
                pssd.removeClass("dn").addClass("db");
            } else if (!pssd.hasClass("dn")) {
                pssd.removeClass("db").addClass("dn")
            }
            evt.stopPropagation();
        });
    });
</script>

Answer 1

为什么不使用toggleClass()，而不是单独使用addClass()和removeClass()：

像这样：

$(".psSelectDD").toggleClass('dn db');

Answer 2

哇，你可以用两行完全相同的东西：

$("#pps_Link").click(function() {
    $(".psSelectDD").toggleClass('dn db');
    return false;
});

toggleClass

Answer 3

在这种情况下，ToggleClass可以帮助您：http://api.jquery.com/toggleClass/

$(".psSelectDD").toggleClass('dn db');

Answer 4

以这种方式尝试使用toggleClass：

$("#pps_Link").on('click', function(evt) {
   evt.preventDefault();
   var pssd = $(".psSelectDD");
   pssd.toggleClass("db dn");
   evt.stopPropagation();
});