jQuery:单独附加还是立即附加+选择器？

Question

我正在构建一个 jQuery UI 小部件，当我初始化时，我创建了几个 div、 anchor 、输入。我读到，构建整个 HTML 字符串然后将其附加到 DOM 比附加每个单独的 DOM 元素更快。

但是，我稍后需要访问这些元素，因此我也倾向于单独构建它们，然后附加它们，这样我就已经缓存了它们，而不是在附加所有 HTML 后选择它们。

通常什么更快？

例如:

var html = $('<div id="container">.....several more divs, anchors and inputs all with IDs......</div>');

<dom element>.append(html);
this.container = $('#container');
this.search = $('#search');
...and so on

或

this.container = $('<div id="container"></div>');
this.search = $('<input .... id="search" />');
...and the rest of the divs, anchors and inputs then...

<dom element>.append(this.container).append(this.search) ..... and so on

Answer 1

我还建议阅读这两篇博文

43,439 reasons to use append() correctly

5 easy tips on how to improve code performance with huge data sets in jQuery