使用jQuery创建新元素的首选方法

Question

我有2种方法可以创建<div>using jQuery。

要么：

var div = $("<div></div>");

$("#box").append(div);

要么：

$("#box").append("<div></div>");

除了可重用性以外，使用第二种方式的缺点是什么？

Answer 1

我个人认为，与性能相比，代码的可读性和可编辑性更为重要。无论您发现哪一个更容易看，它都是您出于上述因素而选择的一个。您可以将其编写为：$('#box').append(&nbsp; $('<div/>')&nbsp; &nbsp; .attr("id", "newDiv1")&nbsp; &nbsp; .addClass("newDiv purple bloated")&nbsp; &nbsp; .append("<span/>")&nbsp; &nbsp; &nbsp; .text("hello world"));而您的第一个方法为：// create an element with an object literal, defining propertiesvar $e = $("<div>", {id: "newDiv1", name: 'test', class: "aClass"});$e.click(function(){ /* ... */ });// add the element to the body$("#box").append($e);