譯自jQuery Cookbook (O'Reilly 2009) Chapter 2 Selecting Elements with jQuery, 2.0 Introduction
jQuery的核心是它的選擇器引擎，其作用是從文檔中通過(guò)名稱、屬性、狀態(tài)等將元素篩選出來(lái)。由于CSS的廣泛使用，在jQuery中采用CSS的選擇器語(yǔ)法就成了很自然的選擇。在支持絕大多數(shù)CSS1-3規(guī)范中的選擇器之外，jQuery還增加了很多自定義的選擇器來(lái)根據(jù)一些特殊的狀態(tài)選擇元素；與此同時(shí)，我們還可以自己編寫(xiě)選擇器。
在文檔中定位某個(gè)元素或者某些元素的最簡(jiǎn)單的方法，是使用jQuery封裝函數(shù)和CSS選擇器，比如：
jQuery('#content p a'); //選擇所有#content元素內(nèi)的p元素中的a元素
在選擇好元素之后，就可以在這些元素上調(diào)用jQuery方法。比如，在所有選擇的鏈接元素上添加selected的class屬性：
jQuery('#content p a').addClass('selected');
jQuery提供了很多遍歷DOM樹(shù)的方法來(lái)幫助選擇元素，比如next()，prev()，parent()等。這些方法接受一個(gè)選擇器表達(dá)式作為其唯一的參數(shù)，從而對(duì)選擇到的元素集進(jìn)行過(guò)濾。因此，除了jQuery(…)，CSS選擇器還會(huì)在很多地方用到。
在構(gòu)建選擇器時(shí)，為了提升其性能，可以遵循一條法則：盡可能地簡(jiǎn)化選擇器的編寫(xiě)。選擇器字符串越復(fù)雜，jQuery進(jìn)行處理的時(shí)間也就越長(zhǎng)。jQuery內(nèi)部使用了瀏覽器原生的DOM方法來(lái)選擇元素，因此，直接用選擇器來(lái)選擇元素僅僅是一種抽象封裝后的結(jié)果。直接使用選擇器本身并無(wú)不妥，但是理解所寫(xiě)代碼的執(zhí)行性能這一點(diǎn)卻非常重要。以下是一個(gè)過(guò)度使用選擇器的例子：
jQuery('body div#wrapper div#content');
更精確的定位并不意味著代碼的運(yùn)行速度更快。上述選擇器可以重寫(xiě)為：
jQuery('#content');
與之前的例子相比，該代碼的作用相同，但卻節(jié)省了不少性能開(kāi)銷(xiāo)。值得注意的是，有時(shí)我們可以通過(guò)指定選擇器的上下文背景來(lái)進(jìn)一步提升性能。
