Итак, я видел три способа добавить элементы 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('<tr class="myClass"><td>first</td><td>second</td></tr>');

3 - JQuery's .clone ()

Я также видел много использований и ссылок на .clone () в jQuery.
Пример:

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

Я хотел бы услышать, что другие говорят об этом.

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