2.1　jQuery選擇器概述

選擇器是jQuery的核心功能，因為對事件處理、遍歷DOM和AJAX操作都依賴于選擇器。使用選擇器，不僅能簡化代碼，還能提高效率。

jQuery選擇器可通過CSS選擇器和條件過濾兩種方式獲取元素。其中，通過CSS選擇器語法規(guī)則獲取元素的jQuery選擇器包括基本選擇器、層次選擇器和屬性選擇器；通過條件過濾選取元素的jQuery選擇器包括基本過濾選擇器和可見性過濾選擇器。

2.1.1　jQuery選擇器的概念

jQuery選擇器是jQuery庫中非常重要的部分之一，它支持網(wǎng)頁開發(fā)者所熟知的CSS語法快速對頁面進(jìn)行設(shè)置。提起選擇器，初學(xué)者一般會聯(lián)想到CSS層疊樣式表。在CSS中，選擇器的作用是獲取元素，而后為其添加CSS樣式，美化網(wǎng)頁；而jQuery選擇器，不僅繼承了CSS選擇器的語法，還繼承了其便捷高效地獲取頁面元素的特點。jQuery選擇器與CSS選擇器的不同之處就在于，jQuery選擇器獲取元素后，為該元素添加的是行為，使頁面交互變得更加精彩。

使用CSS選擇器需要考慮各個瀏覽器對它的支持情況，而jQuery選擇器則不用考慮這些，它對于每個瀏覽器都有很好的兼容性。學(xué)會使用選擇器是學(xué)習(xí)jQuery的基礎(chǔ)，jQuery的操作都建立在所獲取的元素之上，否則無法達(dá)到想要的效果。

2.1.2　jQuery選擇器的優(yōu)點

1．簡潔的寫法

$()函數(shù)在很多JavaScript庫中都被當(dāng)作一個選擇器函數(shù)來使用，在jQuery中也一樣。$(＂#id名＂)用來代替JavaScript中的document.getElementById()函數(shù)，即通過ID獲取元素；$(＂標(biāo)簽名＂)用來代替document.getElementsByTagName()函數(shù)，即通過標(biāo)簽名來獲取HTML元素。其他選擇器的寫法將在后續(xù)章節(jié)中講解。

2．支持CSS 1.0到CSS 3.0選擇器

jQuery選擇器支持CSS 1.0、CSS 2.0和CSS 3.0的大多數(shù)選擇器。同時，它也有少量自定義的選擇器。

使用CSS選擇器時，開發(fā)人員需要考慮主流瀏覽器是否支持某些選擇器；而在jQuery中，開發(fā)人員則可以放心地使用jQuery選擇器，而無須考慮瀏覽器是否支持這些選擇器。

3．完善的處理機(jī)制

使用jQuery選擇器不僅比使用傳統(tǒng)的getElementById()和getElementsByTagName()函數(shù)簡潔得多，還能避免某些錯誤。