अधिक कुशल jquery

Question

कोड का यह निम्न टुकड़ा काम करता है, लेकिन यह ब्राउज़र को थोड़ा सा बनाता है। कोई बड़ी बात नहीं। मैं सोच रहा हूं कि यह और अधिक कुशल बनाने का कोई तरीका होगा? क्या मैं कैशिंग का उपयोग कर सकता हूं या किसी भी तरह से एक चयन को पॉप्युलेट कर सकता हूं और फिर इसे अन्य 5 पर कॉपी कर सकता हूं। (पेज पर 'मास्क' की श्रेणी के साथ 6 ड्रॉप डाउन हैं।)

किसी भी मदद की सराहना की जाएगी!

$('.mask').each(function() { 
    $(this).append($('<option/>').val("").text("")); 
    for (var i = 1; i < 256; i++) { 
     $(this).append($('<option/>').val(i).text(i)); 
    } 
    }); 
}); 

Answer 1

आप नोड्स बना सकते हैं एक बार फिर उन्हें क्लोन, इस तरह: इसके बजाय व्यक्ति की एक बहुत कुछ कर के

var temp = $('<select/>'); 
$('<option/>').val("").text("").appendTo(temp); 
for (var i = 1; i < 256; i++) { 
    $('<option/>').val(i).text(i).appendTo(temp); 
} 
temp.children().clone().appendTo('.mask'); 

डोम को संलग्न कर देता है (जो बहुत महंगा है) यह सब तत्वों अप बैचों एक दस्तावेज़ खंड में फिर उन्हें क्लोन, बैचों में संलग्न (प्रति बैच एक बैच)।

Answer 2

यह बहुत तेजी से (3-10 चारों ओर बार, परीक्षण किया के रूप में here) एक एकल स्ट्रिंग में HTML खुद को बनाने के लिए:

var html = "<option value=''></option>"; 
for (var i = 1; i < 256; i++) { 
    html += "<option value='" + i + "'>" + i + "</option>"; 
} 
$(".mask").append(html); 

देखें प्रदर्शन परीक्षण इस सूत्र में मौजूदा विकल्पों की तुलना: http://jsperf.com/appending-options-jquery