javascript - 一次渲染多个 jQuery 对象

Question

我需要提高我的应用程序的性能。目前我正在渲染几个 jQuery 对象。

例子：

$.each(objects, function(i,v))
{
     // Rendering each object
     object.data('hi', v.value).appendTo('body');
});

相反，我想做类似的事情：

var array = new Array();
$.each(objects, function(i,v))
{
     // Storing each object
     array[i] = object.data('hi', v.value);
});
// Rendering all objects at once
array.appendTo('body');

是否有可能实现我的要求？

Answer 1

按照@BergiDocumentFragment的建议使用：

var fragment = document.createDocumentFragment();
$.each(objects, function(i,v))
{
     // Storing each object
     object.data('hi', v.value).appendTo( fragment );
});
// Rendering all objects at once
$('body').append( fragment );

一个工作示例：http: //jsfiddle.net/4kTKG/1/