Jquery replaceWith - fadeout / Fadein

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); });

使用fadeOut提供的回调功能

Answer 2

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

我对FadeTo稍微采取了 DoXicK的建议。我还整合了你正在讨论的.html函数。我更喜欢fadeTo，因为它给你一点灵活性，并且如果stop（）函数在游戏中结束，则避免一些不希望的行为。更不用说你可以淡化到你喜欢的百分比。