jQuery / JS显示大量元素：show（）vs append（）

Question

<div class="snippet">
    <p> 1</p>
    //dozens of elements here
</div>

<div class="snippet">
    <p> 2</p>
    //dozens of elements here
</div>

....

<div class="snippet">
    <p> ~200</p>
    //dozens of elements here
</div>

这样的100到200个div是按步骤创建的，即逐个（有延迟）

最后在ONCE上显示。我看到两个选择：

1. 创建隐藏的div（容器） - ＆gt;然后在每一步附加一个div（片段） - ＆gt;做div（容器）.show（）ONCE。
2. 存储div（片段）而不将它们放入DOM中，最后将它们包装到div（容器）中并附加它。

两者的优点/缺点是什么？有更好的方法吗？该代码将在低功耗设备上运行。

我知道触摸DOM的成本。我希望这个问题在将来有所帮助。