Boş bir div var diyelim:

<div id='myDiv'></div>

Bu:

$('#myDiv').html("<div id='mySecondDiv'></div>");

Aynı gibi:

var mySecondDiv=$('<div></div>');
$('#myDiv').append(mySecondDiv);

JQuery yöntemleri herhangi bir HTML dizesi geçmek zaman, bu ne olacağını

Geçici bir eleman, hadi x çağrı oluşturulur. x innerHTML geçtin HTML dize olarak ayarlanır. Sonra jQuery üretilen düğümler her (x childNodes) o zaman bir dahaki sefere önbelleğe alacak olan yeni oluşturulan belge parçası, transfer edecek. Sonra parça childNodes taze DOM koleksiyonu olarak döndürür.

JQuery çapraz tarayıcı kontrolleri ve diğer çeşitli optimizasyon bir sürü gibi aslında çok daha karmaşık olduğunu unutmayın. E. g. eğer sadece jQuery() dil eklentisi <div></div> geçirdiğiniz bir kısayol alacak ve sadece document.createElement('div').

EDİT: JQuery gerçekleştiren Çek dik miktar görmek, bir bak here, here here.

innerHTMLgenelliklebu ne yöneten her zaman izin vermeyin, ancak daha hızlı yaklaşım. jQuery yaklaşımı da belirttiğim gibi element.innerHTML = ... -- kadar basit değil, çeki ve optimizasyon meydana gelen.

Doğru tekniği ağır duruma bağlıdır. Eğer aynı elemanların çok sayıda oluşturmak istiyorsanız, o zaman yapmak istediğin son şey büyük bir döngü, her döngü yeni bir jQuery nesne oluşturma. E. g. en hızlı şekilde jQuery ile: 100 divs oluşturmak için

jQuery(Array(101).join('<div></div>'));

Ayrıca okunabilirlik ve bakım sorunları dikkate almak vardır.

Bu:

$('<div id="'   someID   '" class="foobar">'   content   '</div>');

...bir sürübu daha korumak için daha zor:

$('<div/>', {
    id: someID,
    className: 'foobar',
    html: content
});