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

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

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

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

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

当前回答

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

(看一下第117行)。

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

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

其他回答

我使用$(document.createElement('div'));基准测试表明这种技术是最快的。我推测这是因为jQuery不需要将其标识为元素并自己创建元素。

您应该使用不同的Javascript引擎运行基准测试，并根据结果来衡量您的受众。然后再做决定。

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

有人已经做了一个基准: jQuery文档。createElement等价?

$(document.createElement('div'))是最大的赢家。

这不是问题的正确答案，但我仍然想分享这个……

使用document.createElement('div')而跳过JQuery将大大提高性能，当你想要动态制作大量元素并附加到DOM时。

有一点可能更容易做到:

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

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

推荐文章