Javascript 切换或删除类别A，并延迟单击添加类别B

我有一个jQuery手机页面，它有jQuery聊天功能。基本上，我在聊天中输入了一些东西，几秒钟后，机器人会做出响应

在聊天功能后面，填充整个页面的是一个具有背景图像的类，我希望在文本字段中键入并点击SEND the background image class toggles（发送背景图像类切换到另一个具有不同背景图像的类）时，它也具有背景图像。我也希望它能延迟2-3秒

我试过了

$(function () {
$("#chatSend").click(function () {
    $(this).parent(".tasteTheRainbow").toggleClass("orNot");
});
});

---

这是我的JSFIDLE…背景图像不显示，但它在那里

一种解决方案可以是：

$(this).closest(".tasteTheRainbow").fadeTo('fast', 0, function () {
    $(this).toggleClass("orNot").fadeTo('fast', 1);
});

---

参见演示：

我找到了问题的部分答案。我可以改变图像，但不能延迟，但我可以继续研究。代码如下：

$(document).ready(function(){
$("button#chatSend").click(function(){
    $(".tasteTheRainbow").addClass("orNot");
});
});

---

感谢您的快速回复，它在JSFIDLE中非常有效，但不幸的是，它在我的移动应用程序中不起作用。这是否意味着我的代码有问题？感谢you@MatthewSingleton很可能是的。您应该注意我的示例中的css类，在JSFIDLE中使用

setTimeout（）

作为固定响应。你不能用它来拖延时间吗？谢谢！感谢所有帮助我的人！setTimout（）是解决延迟的方法，顺便说一句，我尝试了一些其他方法，但那是正确的方法