专业的jQuery克隆模式？

Question

用于仅使用jQuery复制元素的最常见（希望在专业设置中）模式是什么？

我倾向于将整个div保存在变量和jQuery克隆中，

即

var temp = $("<div><span>stuff</span></div>");
var newElement = temp.clone();

逐个创建div并使用append（）和stuff来互相添加元素？ 即

var newElement = $("<div></div>");
var span = $("<span>stuff</span>");
span.appendTo(newElement);

还是其他一些方法，例如直接从html文件克隆？

我认为第一个更好，因为我读到append（）函数与仅添加字符串相比是昂贵的，我在html文件中设计模板然后将其复制到我的.js

同样通过这种方式复制，我将有重复的id，我可以通过找到最接近父div的那个来区分jquery，但是我已经读过重复的ID是坏的。我如何区分它们？

可能有多种方法可以做到这一点，也许不同的地方会使用不同的模式，但我认为人们通常会达成一致意见。

如果我将模板变量保存在我的js文件的根目录并在函数中克隆它，那么也不应该是加载问题吗？