jQuery替换 - 淡入 /淡淡的

Question

我认为这会遇到非常基本的东西，但是我在JQuery的美好世界中崭新。

这是我简单的工作替换代码：

<div>yes yes </div>
<script>$('div').replaceWith('<span>no no</span>');</script>

我要实现的目标是从“是” div中淡出，然后在新的“否”跨度中褪色

有什么想法吗？

Answer 1

$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); });

使用回调功能vadeout提供

Answer 2

$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); });

我会接受 Doxick的 Fadeto的建议更进一步。我还合并了您正在讨论的.html功能。我更喜欢Fadeto，因为它会给您一些灵活性，并避免使用Stop（）函数最终出现在游戏中。更不用说您可以淡入任何喜欢的百分比。