jquery - jQuery点击并再次点击

Question

我正在尝试这样做，以便在单击按钮时为其提供一个类，并在再次单击该类时删除该类。

有人可以帮忙吗？

    $("body").on("click", ".AudioShowHidePlaylist", function(event){
        $('.AudioShowHidePlaylist').addClass('active');
    });

Answer 1

只需toggleClass：

$("body").on("click", ".AudioShowHidePlaylist", function(event){
    $('.AudioShowHidePlaylist').toggleClass('active');
    // Or as @Felix commented below:
    $(this).toggleClass('active');
});

文件：

描述：根据类的存在或 switch 参数的值，从匹配元素集中的每个元素中添加或删除一个或多个类。

Answer 2

$('#foo').toggleClass(className, addOrRemove);

相当于：

if (addOrRemove) {
   $('#foo').addClass(className);
 }
 else {
   $('#foo').removeClass(className);
}

更新：在 http://api.jquery.com/toggleClass/ 阅读全文

请点击这里阅读更多关于切换功能的信息