jquery選擇器與css選擇器的風(fēng)格類似，但是jquery涉及到的功能更為強大，利用jquery選擇器，可以很快的找出特定的DOM元素，并且對其進(jìn)行操作，無需擔(dān)心瀏覽器是否支持這一選擇器。
根據(jù)選擇器行為特點劃分，jquery選擇器主要有以下幾種分類：
（1）基本選擇器
（2）層次選擇器
（3）過濾選擇器
（4）表單選擇器
1.基本選擇器
特點：最常用、最簡單。
| 選擇器 | 描述 | 返回 | 示例 |
| ＃id（id選擇器） | 根據(jù)給定的id匹配一個元素 | 單個元素 | $("#test")選擇id為test的元素 |
| .class（類選擇器） | 根據(jù)給定的class名稱匹配多個元素 | 集合元素 | $(".test")選擇類名為test的所有元素 |
| element（元素選擇器） | 根據(jù)給定的元素名匹配多個元素 | 集合元素 | $("div")選擇所有 元素 |
| ＊（全部選擇器） | 匹配所有元素 | 集合元素 | $("*")選擇所有元素 |
| sele1,sele2,seleN有效選擇器 | 將每一個選擇器匹配到的元素合并后一起返回 | 集合元素 | $("div,p.test")選擇所有的 和擁有class為test的 元素合并的集合 |
注：在網(wǎng)頁中，每個id名稱只能使用一次，class名稱可重復(fù)使用。
2.層次選擇器
特點：利用DOM元素間的層次關(guān)系。
| 選擇器 | 描述 | 返回 | 示例 |
| $("a b") 后代選擇器 | 選擇a元素中所有的b（后代）元素 | 集合元素 | $("div span")選擇 后代元素中的所有的元素 |
| $("parent>child") 子選擇器 | 選擇parent元素下的child（子）元素。 | 集合元素 | $("div>span")選擇 下的所有子元素 |
| $("prev+next")相鄰?fù)呍剡x擇器 | 選擇緊接在prev元素后的next元素 | 單個元素 | $(".test+p")選擇緊接在class為test的元素后的第一個 同輩元素 |
| $("prev~siblings")一般同輩元素選擇器 | 選擇器prev元素后的所有同輩元素 | 集合元素 | $("#test~div")選擇id為test的元素后面的所有 同輩元素 |
注：
（1）子選擇器與后代選擇器的區(qū)別：后代選擇器包括孫元素。
如代碼所示，當(dāng)我們使用$("div span")后代元素選擇器時，可以匹配到
（2）可以用next()方法代替$("prev+next")選擇器；用nextAll()方法代替$("prev~siblings")選擇器。同時，有一個方法可選擇所有的同輩節(jié)點元素，即siblings()方法。
3.過濾選擇器
特點：通過過濾規(guī)則選擇所需的DOM元素。按照不同的過濾規(guī)則，過濾選擇器可分為：基本過濾、內(nèi)容過濾、可見性過濾、屬性過濾、子元素過濾、表單對象屬性過濾。
基本過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :first | 選擇第一個元素 | 單個元素 | $("div:first")選擇所有 元素中第1個 元素 |
| :last | 選擇最后一個元素 | 單個元素 | 同上反推 |
| :not(selector) | 去除所有與給定選擇器匹配的元素 | 集合元素 | $("div:not(.test)")選擇class不是test的div元素 |
| :even | 從一個元素集合中選擇索引是偶數(shù)的所有元素 | 集合元素 | $("div:even")選擇索引是偶數(shù)的div元素 |
| :odd | 從一個元素集合中選擇索引是奇數(shù)的所有元素 | 集合元素 | 同上原理 |
| :eq(index) | 從一個元素集合中選擇索引等于index的元素 | 單個元素 | $("div:eq(1)")選擇索引等于1的 元素 |
| :gt(index) | 從一個元素集合中選擇索引大于index的元素 | 集合元素 | $("div:gt(1)")選擇索引大于1的 元素 |
| :lt(index) | 從一個元素集合中選擇索引小于index的元素 | 集合元素 | 同上反推 |
| :header | 選擇所有的標(biāo)題元素 | 集合元素 | $(":header")選擇網(wǎng)頁中所有的, |
| :animated | 選擇當(dāng)前正在執(zhí)行動畫的所有元素 | 集合元素 | $("div:animated")選擇正在執(zhí)行動畫的 元素 |
| :focus | 選擇當(dāng)前獲取焦點的元素 | 集合元素 | $("focus")選擇當(dāng)前獲取焦點的元素 |
內(nèi)容過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :contains(text) | 選取含有文本內(nèi)容為"text"的元素 | 集合元素 | $("div:contains('test')")選擇含有文本test的 元素 |
| :empty | 選取不包含子元素或者文本的元素（即空元素） | 集合元素 | $("div:empty")選取不包含子元素的 元素 |
| :has(selector) | 選取含有選擇器所匹配的元素的元素 | 集合元素 | $("div:has(p)")選取含有 元素的 元素 |
| :parent | 選擇擁有子元素（包括文本）的元素 | 集合元素 | $("div:parent")選擇含有子元素的 元素 |
內(nèi)容過濾選擇器的過濾規(guī)則主要以標(biāo)簽所包含的子元素來進(jìn)行篩選過濾，其中子元素也包括了文本信息。
可見性過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :hidden | 選擇所有不可見的元素 | 集合元素 | $(":hidden") |
| :visible | 選擇所有可見的元素 | 集合元素 | $("visible") |
隱藏元素包括：、
屬性過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| [attribute] | 選擇擁有此屬性的元素 | 集合元素 | $("div[id]")選擇擁有屬性id的元素 |
| [attribute=value] | 選擇屬性的值為value的元素 | 集合元素 | $("div[class=test]")選擇屬性class為“test”的 元素 |
| [attribute!=value] | 選擇屬性的值不等于value的元素 | 集合元素 | 同上反推 |
| [attribute^=value] | 選擇屬性的值以value開始的元素 | 集合元素 | $("div[class=te]")將選擇到例如class為"test"的 元素 |
| [attribute$=value] | 選擇屬性的值以value結(jié)束的元素 | 集合元素 | 同上反推 |
| [attribute*=value] | 選擇屬性的值含有value的元素 | 集合元素 | $("div[class=es]")將選擇到例如class為"test"的 元素 |
| [attribute|=value] | 選擇屬性等于給定字符串或以該字符串為前綴 | 集合元素 | $("div[class|='te']")選擇屬性title等于te或者以te為前綴的元素 |
| [attribute~=value] | 選擇屬性用空格分隔的值中包含一個給定值的元素 | 集合元素 | $("div[class~='te']")將選擇到例如class為"te abc"的 元素 |
| [attribute1]...[attributeN] | 多個屬性選擇器合并成一個復(fù)合屬性選擇器 | 集合元素 | $("div[id][title$='test']")選擇同時擁有id，并且title以test結(jié)束的 元素 |
屬性過濾選擇器主要是通過元素的屬性來獲取相應(yīng)的元素。
子元素過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :nth-child(index/odd/even/equation) | 選擇每個父元素下的第index個子元素或者奇偶元素(index)從1開始計算 | 集合元素 | $("div.test :nth-child(2)")選擇class為"test"的 父元素下的第二個子元素 |
| :first-child | 選擇每個父元素的第一個子元素 | 集合元素 | $("ul:first-child")將選擇每個
|
| :last-child | 選擇每個父元素的最后一個子元素 | 集合元素 | 同上反推 |
| :only-child | 如果某個元素是它父元素中唯一的子元素，那將會被匹配 | 集合元素 | $("ul li:only-child")在
|
需要注意的是，“每個父元素”與“父元素”的區(qū)別，前者是多個元素的集合，后者是單個元素。:nth-child(3n)可以選擇到每個父元素下索引值是3的倍數(shù)的元素。
表單對象屬性過濾選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :enabled | 選擇所有可用元素 | 集合元素 | $("#form :enabled")選擇id為form的表單內(nèi)的所有可用元素 |
| :disabled | 選擇所有不可用元素 | 集合元素 | 同上反推 |
| :checked | 選擇所有被選中的元素 | 集合元素 | $("input:checked")選擇所有被選中的元素 |
| :selected | 選擇所有被選中的選項元素 | 集合元素 | $("select option:selected") |
表單對象屬性過濾選擇器主要是針對表單元素進(jìn)行過濾。
4.表單選擇器
| 選擇器 | 描述 | 返回 | 示例 |
| :input | 選擇所有的、 |
重慶分公司
重慶分公司