jQuery的選擇器有基本選擇器，層次選擇器，過濾選擇器，表單選擇器。
一、基本選擇器
| 示例 | 含義 |
| $("#test") | 選取id爲test的元素 |
| $(".test") | 選取所有class爲test的元素 |
| $("p") | 選取所有的<p>元素 |
| $("*") | 選取所有的元素 |
| $("div,span,p.myClass") | 選取所有<div>，<span>，和擁有class爲myClass的<p>標籤的一組元素 |
二、層次選擇器
| 示例 | 含義 |
| $("div span") | 選取<div>裏的所有<span>元素 |
| $("div>span") | 選取<div>元素下元素名是<span>的子元素 |
| $(".one+div") | 選取class爲one的下一個<div>同輩元素 |
| $("#two~div") | 選取id爲two的元素後面的所有<div>同輩元素 |
三、過濾選擇器
1、基本過濾選擇器
| 示例 | 含義 |
| $("div:first") | 選取所有<div>元素中第一個<div>元素 |
| $("div:last") | 選取所有<div>元素中最後一個<div>元素 |
| $("input:not(.myClass)") | 選取class不是myClass的<input>元素 |
| $("input:even") | 選取索引是偶數的<input>元素 |
| $("input:odd") | 選取索引是奇數的<input>元素 |
| $("input:eq(1)") | 選取索引等於1的<input>元素 |
| $("input:gt(1)") | 選取索引大於1的<input>元素 |
| $("input:lt(1)") | 選取索引小於1的<input>元素 |
| $(":header") | 選取網頁中所有的<h1>、<h2>、<h3>…… |
| $("div:animated") | 選取正在執行動畫的<div>元素 |
| $(":focus") | 選取當前獲取焦點的元素 |
2、內容過濾選擇器
| 示例 | 含義 |
| $("div:contains('我')") | 選取含有文本“我”的<div>元素 |
| $("div:empty") | 選取不包含子元素（包括文本元素）的<div>元素 |
| $("div:has(p)") | 選取含有<p>元素的<div>元素 |
| $("div:parent") | 選取含有子元素（包括文本元素）的<div>元素 |
3、可見性過濾選擇器
| 示例 | 含義 |
| $(":hidden") | 選取所有不可見的元素 |
| $("input:visible") | 選取所有可見的<div>元素 |
4、屬性過濾選擇器
| 示例 | 含義 |
| $("div[id]") | 選取擁有id屬性的<div>元素 |
| $("div[title=test]") | 選取title屬性爲test的<div>元素 |
| $("div[title!=test]") | 選取title屬性不等於test的<div>元素（注意沒有屬性title的<div>元素也會被選取） |
| $("div[title^=test]") | 選取屬性title以“test”開始的<div>元素 |
| $("div[title$=test]") | 選取屬性title以“test”結束的<div>元素 |
| $("div[title*=test]") | 選取屬性title含有“test”的<div>元素 |
| $("div[title|=test]") | 選取屬性title等於“en”或以“en”爲前綴的<div>元素 |
| $("div[title~=test]") | 選取屬性title用空格分隔的值中包含字符uk的元素 |
| $("div[id][title$=test]") | 選取擁有id屬性，並且屬性title以“test”結束的<div>元素 |
5、子元素過濾選擇器
| 示例 | 含義 |
| :nth-child(index/even/odd/equation) | eq(index)只匹配一個元素，:nth-child將爲每一個父元素匹配子元素。索引是從1開始的，而:eq(index)是從0開始的 |
| :first-child | $("ul li:first-child")選取每個<ul>中第一個<li>元素 |
| :last-child | $("ul li:last-child")選取每個<ul>中最後一個<li>元素 |
| :only-child | $("ul li:only-child")在<ul>中選取是唯一子元素的<li>元素 |
6、表單對象屬性過濾選擇器
| 示例 | 含義 |
| $("form1 :enabled") | 選取id爲“form1”的表單內的所有可用元素 |
| $("form2 :disabled") | 選取id爲“form2”的表單內的所有不可用元素 |
| $("input:checked") | 選取所有被選中的<input>元素 |
| $("select option:selected") | 選取所有被選中的選項元素 |
四、表單選擇器
| 示例 | 含義 |
| $(":input") | 選取所有<input>、<textarea>、<select>和<button>元素 |
| $(":text") | 選取所有的單行文本框 |
| $(":password") | 選取所有的密碼框 |
| $(":radio") | 選取所有的單選框 |
| $(":checkbox") | 選取所有的複選框 |
| $(":submit") | 選取所有的提交按鈕 |
| $(":p_w_picpath") | 選取所有的圖像按鈕 |
| $(":reset") | 選區所有的重置按鈕 |
| $(":button") | 選區所有的按鈕 |
| $(":file") | 選區所有的上傳域 |
| $(":hidden") | 選區所有不可見元素 |