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

10 浏览
0 Comments

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

最近我一直在做模态窗口弹出和其他一些需要用到jQuery的功能。我通常使用的方法是添加新元素到页面上，大致是这样的：

$("");

但是，我有一种感觉，这不是最好的、最有效的方式。从性能的角度来看，使用什么方法在jQuery中创建元素最好呢？

这个答案中有下面建议的基准测试结果。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

个人建议（为了可读性）：

$('');

迄今为止的一些建议数字（Safari 3.2.1 / Mac OS X）：

var it = 50000;
var start = new Date().getTime();
for (i = 0; i < it; ++i)  {
  // test creation of an element 
  // see below statements
}
var end = new Date().getTime();
alert( end - start );                
var e = $( document.createElement('div') );  // ~300ms
var e = $('');                          // ~3100ms
var e = $('');                    // ~3200ms
var e = $('');                         // ~3500ms

0
0 Comments

我使用$(document.createElement('div'));这种技术，基准测试显示这是最快的。我猜测这是因为jQuery不需要将其识别为一个元素并创建元素本身。

你应该使用不同的JavaScript引擎运行基准测试，并根据结果权衡你的受众，然后做出决策。

0