Лучший способ добавить элементы DOM с помощью jQuery ⇐ Jquery

[Anonymous]

Итак, я видел три способа добавления элементов html/DOM на страницу. Мне интересно, каковы плюсы и минусы каждого из них.
1 – Традиционный JavaScript
Я считаю, что самый простой способ сделать это с помощью JS — создать каждый элемент, установить атрибуты и затем добавить их.
Пример:

Код: Выделить всё

var myRow = document.createElement("tr");
myRow.class = "myClass";

var firstTD = document.createElement("td");
firstTD.innerHTML = "first";
myRow.appendChild(firstTD);

var secondTD = document.createElement("td");
secondTD.innerHTML = "second";
myRow.appendChild(secondTD);

document.getElementById("myContainer").appendChild(myRow);

2 – Добавление строки HTML с помощью jQuery
Я заметил, что большинство примеров jQuery, которые я вижу, обычно просто добавляют строку HTML.

Пример:

Код: Выделить всё

$("#myContainer").append('firstsecond');

3 – .clone() в jQuery
Я также видел множество применений и ссылок на .clone() в jQuery.

Пример:

Код: Выделить всё

$("#myContainer").append($(".myClass").clone());

Мне бы хотелось услышать, что об этом говорят другие.
(Кроме того, это кажется хорошим кандидатом на роль «вики-сообщества», но я с ними не слишком знаком. Кто-нибудь прокомментирует и сообщит мне, стоит ли это делать? Спасибо)

Подробнее здесь: https://stackoverflow.com/questions/220 ... ith-jquery