关于jQuery的.html（）函数的问题？

现在，当我替换“foo”div中的内容时，新内容立即出现。是 有一种方法可以让新内容慢慢淡入

<div class="foo">Initial content to be replaced</div>

$('div.foo').html('New content');

要替换的初始内容
$（'div.foo'）.html（'newcontent'）；

我知道fadeIn（）函数，之所以问这个问题，是因为我不明白它在技术上是如何可能的，因为foo div从一开始就没有隐藏过，所以它如何才能“淡入”。不过，如果有人能想出一种最棒的方法，那就用这个：

$（'div.foo'）.html（'newcontent'）.hide（）.fadeIn（）

$('div.foo').html('New content').hide().fadeIn();

您可以先将其隐藏，然后将其淡入
您可以尝试以下方法：

$("div.foo").hide("slow").html("New Content").show("slow");

这会使div消失，改变内容，然后淡入其中，这可能会达到你想要的效果。
 这里的一些其他答案不解释这个过渡需要时间的事实——HTML将在FAUDUT的中间被替换，看起来像一个错误。
假设要完成淡出，然后替换html，然后替换fadeIn，请使用回调：

$('div.foo').fadeOut(function () {
   $(this).html('New content').fadeIn();
});

你的例子做的不多，因为它在加载时表现得很神奇。也许是点击或者其他什么？OP不想让它消失。。只是淡入。