jquery - Jquery replaceWith-fadeout / Fadein

Question

これは非常に基本的なものに出くわすと思いますが、私はjqueryの素晴らしい世界で真新しいです。

これが私の簡単な置換コードです：

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

私が達成しようとしているのは、「yes yes」divからフェードアウトしてから、新しい「nono」スパンでフェードインすることです。

アイデアはありますか？

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

DoXicKの提案をFadeToでもう少し進めます。あなたが議論していた.html関数も取り入れました。私はfadeToを好みます。これは、少し柔軟性があり、stop（）関数が機能しなくなった場合に望ましくない動作を回避できるためです。言うまでもなく、好きなパーセンテージにフェードすることができます。