一次渲染几个jQuery对象

时间:2013-09-06 12:37:42

标签: javascript jquery html

我需要提高应用程序的性能。目前我正在渲染一个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');

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

1 个答案:

答案 0 :(得分:1)

根据@Bergi的建议使用DocumentFragment

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/