jQuery文本淡入淡出/从一个文本转换到另一个文本?

前端之家收集整理的这篇文章主要介绍了jQuery文本淡入淡出/从一个文本转换到另一个文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery可以很容易地淡化/ fadeOut文本。但是如果你想把文本从一个东西改变到另一个呢?这可以发生在过渡吗?

例:

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

可以改变文本你好到世界,但它改变了一个过渡(像褪色或一些效果),而不是瞬间改变?

解决方法

你可以使用回调,像这样:
$("#container").fadeOut(function() {
  $(this).text("World").fadeIn();
});

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

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

.fadeOut()完成时,就在再次衰落之前执行.text()呼叫。

猜你在找的jQuery相关文章