Nejlepší způsob, jak přidat prvky DOM pomocí jQuery

Takže jsem viděl tři způsoby, jak přidat prvky html/DOM na stránku. Zajímalo by mě, jaké jsou výhody a nevýhody každého z nich.

1 – Tradiční JavaScript

Domnívám se, že jednoduchý způsob, jak toho dosáhnout, je vytvořit každý prvek, nastavit atributy a pak je připojit. Příklad:

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 – Přidání řetězce html prostřednictvím jQuery

Všiml jsem si, že většina příkladů jQuery, které vidím, obvykle pouze připojí řetězec html.
Příklad:

$("#myContainer").append('<tr class="myClass"><td>first</td><td>second</td></tr>');

3 – .clone() jQuery

Také jsem viděl mnoho použití a odkazů na .clone() v jQuery.
Příklad:

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

Rád bych slyšel, co na to říkají ostatní.

(Také to vypadá jako dobrý kandidát na ‚komunitní wiki‘, ale moc se v nich nevyznám. Bude někdo komentovat a dá mi vědět, jestli by to mělo být? Díky)

Odpověď

Pokud používáte jQuery 1.4, nejlepší způsob je následující:

$("<a/>", {
    id: 'example-link',
    href: 'http://www.example.com/',
    text: 'Example Page'
}).appendTo("body");