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

Question

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

要么：

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

要么：

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

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

Answer 1

第一种选择使您更具灵活性：

var $div = $("<div>", {id: "foo", "class": "a"});
$div.click(function(){ /* ... */ });
$("#box").append($div);

当然.html('*')会覆盖内容，而.append('*')不会覆盖，但是我想这不是您的问题。

在"class"属性名称周围加上引号会使它与较不灵活的浏览器更加兼容。