哪些jQuery選擇器性能更好？

Question

性能方面哪一個更好：

$(".myclass").eq(0) 

OR

$("a.myclass") 

注：如果只有一個<a>有.myclass標籤。

Answer 1

第二個 - 在可以的情況下始終使用標籤名稱（請參閱jQuery performance rules的規則2）。

Answer 2

第二，因爲它可以使用在C/C++而不是Javascript中實現的瀏覽器的document.getElementsByTagName()函數。

另外，如果只有一個a與.myclass請考慮在它上面加一個ID並做$('#myid')。通過id獲取是最快的方法。它使用了document.getElementById()，它再次用C/C++實現。

Answer 3

更多見Paul Irish's Anti-patterns起始於約滑動19.

如果你總是可以從一個ID下降。在右邊更具體，左邊更一般。

有一個基於jQuery的速度探查在那裏，將允許您測試這個，看看實際的速度差異，但我無法找到它......

Answer 4

這些東西很容易使用Firebug剖析。

console.profile(); 
jQuery('#id'); 
console.profileEnd(); 

有時它取決於你的dom /哪個瀏覽器你的目標等等，而不是依靠'最佳實踐'。始終在本地進行配置以查看最佳效果。