jquery - 如何以最简单的方式添加类和移除类

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

而不是做addClass()和removeClass()seperataly ，为什么不只使用toggleClass()：

像这样：

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

Answer 2

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

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

Answer 3

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

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

切换类

Answer 4

尝试以这种方式使用 toggleClass：

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