我正在使用jquery。Min v2.0.3。 对我来说，最好使用以下方法:

var select = jQuery("#selecter");
jQuery("`<option/>`",{value: someValue, text: someText}).appendTo(select);

如下:

var select = jQuery("#selecter");
jQuery(document.createElement('option')).prop({value: someValue, text: someText}).appendTo(select);

第一段代码的处理时间比第二段代码要短得多。

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

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

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

我正在使用jquery。Min v2.0.3。 对我来说，最好使用以下方法:

var select = jQuery("#selecter");
jQuery("`<option/>`",{value: someValue, text: someText}).appendTo(select);

如下:

var select = jQuery("#selecter");
jQuery(document.createElement('option')).prop({value: someValue, text: someText}).appendTo(select);

第一段代码的处理时间比第二段代码要短得多。

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

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

我个人建议(为了可读性):

$('<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