jQuery：迭代中最好做$（'＃elem'）或var x = $（'＃elem'）？

Question

這是一個效率問題。我用我的Chrome以某種方式測試過，但我不知道其他瀏覽器。

有一些變量影響的結果，例如：

• 迭代次數做

• 變量的尺寸：$（」。elems的）是不與$（'＃elem'）相同。

• DOM結構

測試我所做的是在這裏：search by id，search by class

for (j=0;j<med;j++){ 

    start = new Date().getTime(); 
    pippo = $(target); 
    for (var n = 0; n < maxCount; n++) { 
     pippo.css({height:'45px'}); 
    } 
    elapsed = new Date().getTime() - start; 
    result1 += elapsed; 


    start = new Date().getTime(); 
    for (var n = 0; n < maxCount; n++) { 
     $(target).css({height:'45px'}); 
    } 
    elapsed = new Date().getTime() - start; 
    result2 += elapsed; 
} 

結果似乎是說，存儲變量優於做好每Tyme的搜索。

您的意見是？

對於我的瀏覽器，我在存儲變量時速度提高了20-30％。

Answer 1

鑑於示例中的元素是由id選擇的，它在頁面中應該是唯一的。因此你應該總是在循環之前緩存它。

var $pippo = $('#pippo'); 

for (j = 0; j < med; j++) {  
    start = new Date().getTime(); 
    for (var n = 0; n < maxCount; n++) { 
     $pippo.css({ height: '45px' }); 
    } 
    elapsed = new Date().getTime() - start; 
    result1 += elapsed; 
} 

如果選擇是class那麼你就需要在循環中定義的選擇，或更好的使用each()因爲它遍歷一個單一的選擇。