Javascript 如何使用前置隐藏fadeIn

我正在用jQuery和Bootstrap制作聊天系统

我想同时显示三条消息

我想正常显示

msg1

和

msg2

，然后让

msg3

淡入：

$('#chat-history').prepend(msg1)
$('#chat-history').prepend(msg2) 
$('#chat-history').prepend(msg3).hide().fadeIn(500); 

但它让每一条信息都消失了

我只想让最后一条信息消失

---

我该怎么做呢？

msg1、msg2、msg3是文本字符串、DOM元素或jQueryobject？msg1、msg2、msg3是文本字符串、DOM元素或jQueryobject？+1让我先了解一下。为了澄清：

.prepend

返回

$this

，它是

$（“#聊天历史记录”）

元素。尝试删除效果并将其放在

msg3

上。它可以完美地满足我的需要。谢谢你，我也明白原因了。为了澄清：

.prepend

返回

$this

，它是

$（“#聊天历史记录”）

元素。尝试删除效果并将其放在

msg3

上。它可以完美地满足我的需要。谢谢，我也明白原因。

$('#chat-history').prepend(msg1, msg2, msg3);

$(msg3).hide().fadeIn(500); // if msg3 is already a jQuery object, you can omit the $() wrapping function