Question

我知道这个问题有几个答案。但我不能让它与我的脚本一起工作。我想在点击时更改.icon-menu元素的类。这里的正确做法是什么？

$('.icon-menu').click(function() {
    $('.menu').animate({
        left: "0px"
    }, 200);
    $('body').animate({
        left: "500px"
    }, 200);
});

Answer 1

在jquery中，你有2个函数来添加和删除类 - ＆gt; addClass（） - ＆gt; removeClass（）。因此，如果您想要更改它，您必须删除一个类并添加不同的类。

在点击功能中，您将拥有＆＃34; .icon-menu＆＃34; $（this）变量中的元素。所以你应该在这样的点击内进行：

$(this).removeClass('yourClassToRemove');
$(this).addClass('yourClassToAdd');

或者以简单的单行方式，它应该像这样工作：

$(this).removeClass('yourClassToRemove').addClass('yourClassToAdd');

链接到Jquery Api：

https://api.jquery.com/addclass/

https://api.jquery.com/removeclass/

Answer 2

如果您想永久添加课程使用：

$(".icon-menu").addClass("className");

或者如果您想切换课程

 $(".icon-menu").toggle("className");

Answer 3

使用jQuery addClass方法。

$('.icon-menu').click(function() {
    $(this).addClass("class");
    // or
    $(this).toogleClass("class");
}

更改点击功能的类

3 个答案: