Javascript jQuery DOM'a büyük bir kod parçası eklemek için en iyi yol

Question

DOM'a bir noktaya yerleştirilmesi gereken büyük bir kod parçam var. şimdi yapıyorum Sağ

<ul id="info'+value+'" class="info"><li class="hide"></li><li class="lock"><ul> 
// just a piece of the code with variable "value" 

:

var codeToInsert = "<some code/>" 
codeToInsert.insertAfter('#someID'); 

bakış performans açısından bunu yapmak için daha iyi bir yolu var mı kodu da bazı değişkenleri içeriyor? http://api.jquery.com/category/manipulation/

Answer 1

Eğer: kafamın

Answer 2

Üst, ayrıca bu tür fonksiyonları bir dizi için bu kontrol,) (vb .appendT(), .Daha önce(), .after() .Append kullanabilirsiniz büyük bir kod parçası eklemek istiyorsanız, kendi seçicisi için jQuery öğesini kullanın ve daha sonra innerHTML DOM özelliğini kullanın - bu, HTML'nin büyük bir yığınını yerleştirmenin en hızlı yoludur. JQuery'ye eklenecek dizeyi sarmayın, bir dize olarak bırakın.

E.g .: $('#somePlaceholder')[0].innerHTML = myHTMLString;.

http://www.quirksmode.org/dom/w3c_html.html

: HTML ayrıştırıcı her zaman DOM motora göre daha hızlı olduğu için

genel innerHTML normal DOM yöntemlerden daha hızlıdır. Karmaşık değişiklikler yapmak istiyorsanız, innerHTML kullanın. (InnerHTML teorik olarak daha hızlı kalsa basit değişiklikler için gerçekten, hangi yöntemi kullanmak önemli değildir.)

Eğer JS dize birleştirme yaparsanız, sonunda bir dizi, push() parça ve join() oluşturmak yerine ekleme örneğin += veya +. Özellikle bir fark yaratıyor. IE'de.