jQuery 文本从一个文本淡出/过渡到另一个文本？

Question

jQuery 显然可以轻松地淡入/淡出文本。但是如果您想将文本从一种内容更改为另一种内容怎么办？过渡会发生这种情况吗？

示例:

<div id='container'>Hello</div>

是否可以将文本 Hello 更改为 World，但可以通过过渡(如淡入淡出或某种效果)来更改，而不是立即更改？

Answer 1

您可以使用回调，如下所示:

$("#container").fadeOut(function() {
  $(this).text("World").fadeIn();
});

You can give it a try here ，或者因为队列在这种特殊情况下的工作方式，例如 this :

$("#container").fadeOut(function() {
  $(this).text("World")
}).fadeIn();

这将执行.text()调用时.fadeOut()已完成，就在再次淡入之前。