Jquery replaceWith - 淡出/淡入淡出答案

【问题标题】：Jquery replaceWith - fadeout / FadeinJquery replaceWith - 淡出/淡入淡出
【发布时间】：2010-11-03 12:37:29
【问题描述】：

我认为这会遇到非常基本的东西，但我对 jquery 的美妙世界是全新的。

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

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

我想要实现的是淡出“是是”div，然后淡入新的“否”跨度

各位有什么想法吗？

【问题讨论】：

【解决方案1】：

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

使用fadeOut提供的回调功能

【讨论】：

【解决方案2】：

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

我会在 FadeTo 中进一步采纳 DoXicK 的 建议。我还合并了您正在讨论的 .html 函数。我更喜欢 fadeTo 因为它给了你一点灵活性，并且如果 stop() 函数最终起作用，它可以避免一些不受欢迎的行为。更不用说你可以褪色到任何你喜欢的百分比。

【讨论】：