jQuery提供了功能強大，并兼容多種css版本的選擇器，不過發現很多同學在使用選擇器時并未注重效率的問題。

a) 盡量使用Id選擇器，jQuery選擇器使用的API都是基于getElementById或getElementsByTagName，因此可以知道效率最高的是Id選擇器，因為jQuery會直接調用getElementById去獲取dom，而通過樣式選擇器獲取jQuery對象時往往會使用 getElementsByTagName去獲取然后篩選。

b) 樣式選擇器應該盡量明確指定tagName, 如果開發人員使用樣式選擇器來獲取dom，且這些dom屬于同一類型，例如獲取所有className為jquery的div，那么我們應該使用的寫法 是$('div.jquery')而不是$('.jquery')，這樣寫的好處非常明顯，在獲取dom時jQuery會獲取div然后進行篩選，而不是獲取所有dom再篩選。

c) 避免迭代，很多同學在使用jQuery獲取指定上下文中的dom時喜歡使用迭代方式，如$('.jquery .child')，獲取className為jquery的dom下的所有className為child的節點，其實這樣編寫代碼付出的代價是非常大的，jQuery會不斷的進行深層遍歷來獲取需要的元素，即使確實需要，我們也應該使用諸如$(selector,context), $('selector1>selector2'), $(selector1).children(selector2), $(selctor1).find(selector2)之類的方式。

轉載于:https://www.cnblogs.com/archermeng/p/7537198.html

總結

以上是生活随笔為你收集整理的jQuery选择器的效率问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。