创建div的不同方式

Question

新DOM元素的创建方式是否有任何显着差异？使用单一方式是否有任何优点/缺点，还是归结为个人偏好？我通常使用第一种方式，最近才发现第二种方式。

W

Answer 1

我认为不同的方式在性能上有所不同，并不完全确定完美的答案

我正在使用纯粹的javascript

var element = document.createElement("div");
var elementContent = document.createTextNode("My div");
element.appendChild(elementContent);
// add div to body
document.body.appendChild(element);

Answer 2

与第一个相比，第二个例子会更快。

如果是第一个。创建并返回该对象。然后你使用jquery方法，每次都获取元素的jquery对象并设置新的类/属性。

在第二种方法的情况下，它迭代属性集合以创建dom元素以及这些属性和类。