我在让它工作时遇到问题。当我在 firebug 中查看 HTML 时，它显示我的容器中有 2 个对象，但只有 1 个 img 显示！
我有一些非常简单的代码：
var img1 = $("<img />", {src : "myimg.png" });
var img2 = $("<img />", {src : "myimg2.png" });
img1.appendTo("#div");
img2.appendTo("#div");
<div id="div"></div>
但只有第一张图片会显示，如果我注释掉第一appendTo张图片，那么第二张图片就会显示，或者如果我颠倒顺序，第二张图片会显示，而不是第一张。
我可以向您展示如何使用本机 javascript 附加元素吗？它更快且语法非常相似。另外，它会让你成为一个更好的程序员。
首先，如果您还没有，请检查 javascript 模板。我个人使用http://handlebarsjs.com/。
无论如何，这里是如何用 javascript 做你想做的事。
var parentElement = document.getElementById("div");
var fragment = document.createDocumentFragment();
["myimg.png", "myimg2.png"].forEach(function(src) {
var element = document.createElement("img");
element.src = src;
fragment.appendChild(element);
});
parentElement.appendChild(fragment);
这实际上与 appendTo 无关，而是与我的#div和图像大小有关。奇怪的。