jQuery追加最小化

【问题标题】：jQuery append minimizejQuery追加最小化
【发布时间】：2016-01-16 16:10:01
【问题描述】：

有什么技巧可以节省 .append 的时间和可读性吗？

示例：

$('body').append("<div class='overlay'></div>"); // Ordinary
$('body').append("div.overlay"); // Maybe ?

谢谢。

【问题讨论】：

【解决方案1】：

在那个特定的例子中，你可以这样做：

$('body').append($("<div>").addClass("overlay"));

或

$("<div>").addClass("overlay").appendTo('body');

我不知道那些“节省时间和可读性”，但它们是我能想到的唯一合理的替代方案。

【讨论】：

你的意思是第一个例子中的$('<div />')
@Tushar：不，我不知道。 jQuery 不需要 XHTML，<div /> 在 XHTML（不是 HTML）中仅有效。理论上，我应该写$("<div></div>")，但是如果你只是给出标签名称，jQuery一直支持只给非空元素一个开始标签。