关于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>