javascript - DOM元素创建上的JQuery fadeIn()？

Question

如何在 JQuery 中创建一个 DOM 元素并将其淡入显示，而不是立即显示？

我试试这个：

var myDiv = "<div>Hello!</div>"
$("somePlace").after(myDiv).fadeIn('fast');

但这不起作用，因为 .after(myDiv) 使它立即弹出。有什么解决办法吗？谢谢！

Answer 1

$("<div>Hello</div>").hide().appendTo("somePlace").fadeIn("fast");

Answer 2

添加一个在开始时隐藏的类。

<style>
  .hidden {
    display: none;
  }
</style>

<div class="hidden">
  Won't be seen.
</div>