Javascript 如何显示隐藏类？

如果ajax成功，我必须隐藏一个类并显示不同的类。 假设我有“foo”和“bar”两个类。现在它有了“foo”类，当我的ajax返回成功时，我想显示“bar”类

---

实际上，“foo”和“bar”是一类按钮。当我点击具有“foo”类的按钮时，它应该隐藏，而具有“bar”类的按钮应该显示出来。反之亦然

只需将hide和show命令放在success函数中：

$(".foo").hide();
$(".bar").show();

.... success:function(data) { $(".foo").hide(); $(".bar").show(); } .... 成功：功能（数据）{ $（“.foo”）.hide（）； $（“.bar”）.show（）； }

---

你没有提到你想在哪个元素上应用这个。无论如何，这会给你一个想法：

$.ajax({
    type:'POST',
    url:"/test/",
    data:{"test_data": my_data},
    success:function(data) {

    },
    dataType:"json"
    complete: function(xhr) {
       // if you want to switch classes on a specific element
       $('element_you_want_to_switch_classes').toggleClass('foo bar');

       // if you want to show/hide different elements
       $('.foo').hide();
       $('.bar').show();
    }
});

---

这将在

ajax请求

完成后应用更改（无论是否失败）。如果您只想在成功时应用更改，只需将该行打包到

成功处理程序中

一个元素和两个类？或者不同的元素与相应的类？从给出的答案中的差异可以看出，似乎你必须澄清你的问题。是否要删除/添加类或使用类

foo

和

bar

显示/隐藏元素。如果一个元素同时有两个类呢？实际上“foo”和“bar”是一个按钮类。当我点击具有“foo”类的按钮时，它应该隐藏，而具有“bar”类的按钮应该显示出来。反之，上述建议仅隐藏“foo”，但无法显示“bar”@sun the：如果标记中存在类为

bar

的元素，则此“应该”有效。否则，请提供准确的标记。

$.ajax({
    type:'POST',
    url:"/test/",
    data:{"test_data": my_data},
    success:function(data) {

    },
    dataType:"json"
    complete: function(xhr) {
       // if you want to switch classes on a specific element
       $('element_you_want_to_switch_classes').toggleClass('foo bar');

       // if you want to show/hide different elements
       $('.foo').hide();
       $('.bar').show();
    }
});