javascript - jQuery 动态 DOM 创建性能

Question

在 jQuery 中动态创建 HTML 元素时，以下两种方法在性能方面是否存在差异？

// First approach
var elem = $('<div/>').attr('id', 'foo').addClass('myClass');

// Second approach
var elem = $('<div id="foo" class="myClass" />');

另外，一种方法相对于另一种方法是否有任何明显的优势，或者这只是一个品味问题？

Answer 1

我想很多人都没有意识到 jQuery 最流行和使用最频繁的组件——选择器——实际上在幕后发生了很多魔法，因此占用了一些资源。您的第一种方法比第二种方法更多地使用选择器。我认为您的第二种方法也更容易阅读并且更清晰。我会坚持使用那个。
如果您必须修改已经创建的元素，则方法 #1 更多，但我实际上不会那样创建它。希望这可以帮助。