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

Question

我有2种方法可以创建<div>using jQuery。要么：var div = $("<div></div>");$("#box").append(div);要么：$("#box").append("<div></div>");除了可重用性以外，使用第二种方式的缺点是什么？

Answer 1

我个人认为，与性能相比，代码的可读性和可编辑性更为重要。无论您发现哪一个更容易看，它都是您出于上述因素而选择的一个。您可以将其编写为：

$('#box').append(

  $('<div/>')

    .attr("id", "newDiv1")

    .addClass("newDiv purple bloated")

    .append("<span/>")

      .text("hello world")

);

而您的第一个方法为：

// create an element with an object literal, defining properties

var $e = $("<div>", {id: "newDiv1", name: 'test', class: "aClass"});

$e.click(function(){ /* ... */ });

// add the element to the body

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