Как использовать DocumentFragment вместе с jQuery?

Question

[Alex]

Видел много статей где говорится, что множественные вставки в DOM стоит делать через DocumentFragment:

// Create the fragment
var frag = document.createDocumentFragment();
// Create numerous list items, add to fragment
for(var x = 0; x < 10; x++) {
	var li = document.createElement("li");
	li.innerHTML = "List item " + x;
	frag.appendChild(li);
}
// Mass-add the fragment nodes to the list
listNode.appendChild(frag);

А как использовать этот же подход в методах jQuery - appendTo, append, html и т.д ?

Answer 1

[Сергей Протько]

А как использовать этот же подход в методах jQuery - appendTo, append, html и т.д ?

Да так же

var frag = $(document.createDocumentFragment());
// ...
$node.append(frag);

Answer 2

[Денис Инешин]

В jQuery вообще не парьтесь на эту тему.
Делайте так:

var html = '<ul>';
html += '<li>List item</li>'; // повторить N раз
html += '</ul>;

$(container).html(html);

Comments

[Сергей Протько]

плохой совет. Хотя бездумное использование фрагментов так же не несет ничего хорошего.