使用jQuery创建HTML元素的最有效方法是什么?

最近我做了很多模态窗口弹出之类的事情，为此我使用了jQuery。我用来在页面上创建新元素的方法基本上是这样的:

$("<div></div>");

然而，我感觉这并不是最好或最有效的方法。从性能的角度来看，用jQuery创建元素的最佳方法是什么?

这个答案有以下建议的基准。

当前回答

有一点可能更容易做到:

$("<div class=foo id=bar style='color:white;bgcolor:blue;font-size:12pt'></div>")

然后用jquery调用完成所有这些。

其他回答

如果您有很多HTML内容(不仅仅是一个div)，您可以考虑将HTML构建到隐藏容器中的页面中，然后更新它并在需要时使其可见。这样，浏览器就可以预先解析大部分标记，避免在调用时被JavaScript缠住。希望这能有所帮助!

有一点可能更容易做到:

$("<div class=foo id=bar style='color:white;bgcolor:blue;font-size:12pt'></div>")

然后用jquery调用完成所有这些。

从CPU的角度来看，您不需要一个极少执行的操作的原始性能。

实际上，如果你使用$('<div>')， jQuery也会使用document.createElement()。

(看一下第117行)。

有一些函数调用开销，但除非性能非常关键(您要创建数百[数千]个元素)，否则没有太多理由恢复到纯DOM。

只是为一个新网页创建元素可能是一种情况下，你最好坚持用jQuery的方式做事情。

我认为你使用了最好的方法，尽管你可以优化它:

 $("<div/>");

推荐文章