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

javascript dom jquery html

2022-08-29 23:21:21

最近我一直在做很多模态窗口弹出窗口，什么都没有，为此我使用了jQuery。我用来在页面上创建新元素的方法绝大多数是这样的：

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

但是，我感觉这不是执行此操作的最佳或最有效的方法。从性能的角度来看，在jQuery中创建元素的最佳方法是什么？

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

答案 1

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

你真的应该使用不同的Javascript引擎运行基准测试，并用结果来权衡你的受众。从那里做出决定。

答案 2

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

$('<div>');

到目前为止，关于建议的一些数字（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 = $('<div>');                          // ~3100ms
var e = $('<div></div>');                    // ~3200ms
var e = $('<div/>');                         // ~3500ms