有更好的性能的jQuery？

Question

哪個會有更好的表現？

$('input[data-confirm],a[data-confirm],button[data-confirm]'); 

或

$('[data-confirm]'); 

顯然$('[data-confirm]')版本選擇的是更加靈活，這將意味着jQuery有掃描頁面中的每一個元素，看它是否有數據確認屬性。我會更好地使用班級嗎？我喜歡使用data-confirm，因爲我可以把它放在價值中。

<input type="submit" data-confirm="Are you sure you want to do this sir?" /> 

Answer 1

爲什麼不使用類和data-confirm，這將使你要具體，並使用data-confirm屬性來精確定位你想要的確切元素，而無需通過其他一切jQuery的樣子。這將確保無論您的瀏覽器如何，您的定位都會更快。如果您使用id而非類，則可能再次關閉幾納秒。

Answer 2

這取決於瀏覽器支持的內容。如果選擇器可以切換到瀏覽器進行評估，則要麼足夠快。

如果不是，第一個將會更快，因爲內置了函數來查找元素，可以被sizzle引擎使用。對於第二個，它將不得不遍歷文檔中的所有元素。

Answer 3

基於http://www.componenthouse.com/article-19使用元素選擇器明顯比單獨使用屬性選擇器更快（這裏有關於選擇器性能的良好討論，這裏有Good ways to improve jQuery selector performance?）。

就我個人而言，我會先選擇屬性選擇器，就像您說它更靈活一樣，如果您遇到性能問題，那麼您可以適當地檢查該選項。

Answer 4

正如@Guffa所說，它確實取決於瀏覽器。使用Chrome測試21.0.1180.89，該屬性等於選擇是稍快：

這裏的jsperf：http://jsperf.com/attrvstag。