jquery - jQuery：创建一个新的 DOM 元素并显示它

Question

因此，正如标题所示，我希望创建一个新的 dom 元素（HTML 是通过 AJAX 生成和检索的）。我有点让它工作，但它似乎被隐藏了，当我尝试淡入它时它会中断！

   function AddContent(Content) {
        div = document.createElement(Content)
        div.appendTo($("#contentAreas"));
        //    $(div).fadeIn("slow");
        }

它基本上将项目插入到正确的位置，但不显示它。当我尝试淡入它时，它没有这样做。没有错误。

有任何想法吗？

Answer 1

应该是$(div).appendTo(...)。或者，您可以将div创建方式更改为div = $(Content)，也许。

Answer 2

不需要createElement，jQuery构造函数可以将html作为参数（假设content是html字符串）：

function AddContent(content) {
   var div = $(content);
   div.appendTo($("#contentAreas"));
   $(div).fadeIn("slow");
}

Answer 3

这个怎么样：

   function AddContent(Content) {
        div = $('<div>' + Content + '</div>');           
        div.appendTo($("#contentAreas")).fadeIn("slow");
   }

Answer 4

div 需要是 jQuery 才能使 appendTo 工作。试试这个：

 function AddContent( content ) {
     $(content).appendTo("#contentAreas").fadeIn("slow");
 }

Answer 5

appendTo 采用一个选择器，因此它不需要是一个 jquery 对象，因为上面的所有其他示例都有它。

function AddContent( content ) {
     $(content).appendTo("#contentAreas").fadeIn("slow");
 }