使用JQuery将元素插入页面的优化方法是什么？

Question

所以我正在尝试为我已经制作的应用程序进行一些代码优化...基本上现在我有一个像这样的容器......

<div class="Container"></div>

此容器已在DOM中。然后我想以列表的形式将数据插入到这个容器中....我想做这样的事情......

var list = $("<ul class='DataList'></ul>");
var ListElements = PopulateMeWithALargeList();
for(var i = 0; i < ListElements.length; i++)
{
    $(ListElements[i]).appendTo(list);
}
$(list).appendTo(".Container");

其中PopulateMeWithLargeList只是一个函数，它将获得一个大的（大约500个条目）字符串数组并返回它。

我觉得这与我直接在渲染页面上插入元素相同，所以如果我将它全部组成1个字符串然后将1个字符串插入Container中会更好吗？

Answer 1

你可以这样做：

ControlSetText

Answer 2

这是一个奇怪的行，因为似乎没有理由将每个元素作为特定的jquery对象进行转换：

$(ListElements[i]).appendTo(list);

除非您正在做其他需要每个列表元素的其他内容，否则您的循环中可以立即使用jquery链，您可以这样做：

list.append(ListElements[i]); 

使用字符串缓冲区会更快。数组缓冲区甚至更快。但正如其他人所指出的那样，这是当前数字不太可能出现的瓶颈。 FWIW，总是尽可能少地调用任何jquery方法。