Jquery replaceWith - 淡出/淡入

Question

我认为这将是非常基础的东西，但我是jquery这个奇妙世界的新手。

这是我的简单可行的替换代码：

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

我想要实现的是将 "yes yes" div 淡出，然后淡入新的 "no no" span。你们有什么想法吗？

- Webby

Answer 1

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

使用fadeOut提供的回调功能

- DoXicK

---

哇，太好了！我可以在.text('no no')中不使用HTML吗？ - Webby

我不太明白你的问题，但如果你想使用 html 的话，可以使用以下代码：.html('<span>no no</span>')，而不是 text()。 - ifaour

你应该将 .text('no no'); 更改为 .html('no no'); 并将 HTML 放在其中。这就是 .text 和 .html 的作用。 - DoXicK

Answer 2

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

我会进一步接受 DoXicK 的建议，并使用 FadeTo 功能。同时，我还加入了你提到的 .html 函数。我更倾向于使用 fadeTo，因为它可以给你一些灵活性，避免了一些不良行为，尤其是当 stop() 函数被调用时。更何况，你可以淡出到任何百分比。

- Surreal Dreams