Javascript 专业jQuery克隆模式？

在只使用jQuery复制元素的专业设置模式中，最常见的是什么

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

即

一个接一个地创建div，并使用append和stuff相互添加元素？ 即

或者其他方法，比如直接从html文件克隆

我认为第一个更好，因为我了解到附加函数比仅仅附加字符串要昂贵，我在html文件中设计了一个模板，然后将其复制到my.js

同样通过这种方式复制，我将拥有重复的ID，我可以通过查找最接近父div的ID来与jquery区分，但是我已经了解到重复的ID是不好的。我如何区分它们

可能有多种方法可以做到这一点，也许不同的地方会使用不同的模式，但我认为一般都会认为其中一种是最好的

---

另外，如果我将模板变量保存在js文件的根目录中，并在函数中克隆它，那么加载也不会出现问题。

为什么不呢？我使用的大多是jQuery而不是标准js，所以我认为克隆会让它更内联。那么呢？如果你想要一些html模板，那么你应该得到一些模板插件是的，这个克隆就是我现在正在使用的。我想一个模板插件是个不错的主意，但如果一个插件不可用呢？

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

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