jQuery - 多選擇器的速度比較

Question

隱藏/顯示多個元素的更快方法是什麼？.className？

$('.className1').show(); 
$('.className2').show(); 
$('.className3').show(); 

或

$('.className1, .className2, .className3').show(); 

Answer 1

第一個選項是更快。

爲什麼在現代瀏覽器中單個類的搜索性能非常高（僅比ID查找慢）。有了多個標準，它必須首先找到所有元素，然後應用選擇器邏輯。

下一期將是「你關心」嗎？如果您的代碼是以人爲交互速度調用的（例如響應鼠標點擊），那麼您將永遠不會注意到這種差異。只有每秒進行大量搜索纔會顯而易見。基於@SatPal提供的JSPerf，差異只有2-3％。