譯自jQuery Cookbook (O'Reilly 2009) Chapter 2 Selecting Elements with jQuery, 2.0 Introduction
jQuery的核心是它的選擇器引擎，其作用是從文件中透過名稱、屬性、狀態等將元素篩選出來。由於CSS的廣泛使用，在jQuery採用CSS的選擇器語法就成了很自然的選擇。在支援絕大多數CSS1-3規範中的選擇器之外，jQuery還增加了許多自訂的選擇器來根據一些特殊的狀態選擇元素；同時，我們也可以自己編寫選擇器。
在文件中定位某個元素或某些元素的最簡單的方法，是使用jQuery封裝函數和CSS選擇器，例如：
<SPAN class=pln>jQuery</SPAN><SPAN class=pun>(</SPAN><SPAN class=str>'#content p a'</SPAN><SPAN class=pun>);</SPAN><SPAN class=pln> </SPAN><SPAN style="COLOR: #333399" class=com>//选择所有#content元素内的p元素中的a元素</SPAN>
登入後複製
在選擇好元素之後，就可以在這些元素上呼叫jQuery方法。例如，在所有選擇的連結元素上加入selected的class屬性：
<SPAN class=pln>jQuery</SPAN><SPAN class=pun>(</SPAN><SPAN class=str>'#content p a'</SPAN><SPAN class=pun>).</SPAN><SPAN class=pln>addClass</SPAN><SPAN class=pun>(</SPAN><SPAN class=str>'selected'</SPAN><SPAN class=pun>);</SPAN>
登入後複製
jQuery提供了很多遍歷DOM樹的方法來幫助選擇元素，例如next()，prev()，parent()等。這些方法接受一個選擇器表達式作為其唯一的參數，從而過濾選擇到的元素集。因此，除了jQuery(…)，CSS選擇器還會在很多地方使用。
在建造選擇器時，為了提升其效能，可以遵循一條法則：盡可能地簡化選擇器的編寫。選擇器字串越複雜，jQuery進行處理的時間就越長。 jQuery內部使用了瀏覽器原生的DOM方法來選擇元素，因此，直接用選擇器來選擇元素只是抽象封裝後的結果。直接使用選擇器本身並無不妥，但是理解所寫程式碼的執行效能這一點卻非常重要。以下是一個過度使用選擇器的範例：
<SPAN class=pln>jQuery</SPAN><SPAN class=pun>(</SPAN><SPAN class=str>'body div#wrapper div#content'</SPAN><SPAN class=pun>);</SPAN>
登入後複製
更精確的定位並不代表程式碼的運行速度更快。上述選擇器可以改寫為：
<SPAN class=pln>jQuery</SPAN><SPAN class=pun>(</SPAN><SPAN class=str>'#content'</SPAN><SPAN class=pun>);</SPAN>
登入後複製
與先前的例子相比，程式碼的作用相同，但卻節省了不少效能開銷。值得注意的是，有時我們可以透過指定選擇器的上下文背景來進一步提升效能。
