1、基本選擇器
2、層次選擇器
3、過濾選擇器
4、表單選擇器
1、基本選擇器
#id : 根據給定的id匹配一個元素，返回單個匹配的元素：
eg：$(#t)選取id為t的元素
.class:根據給定的類名匹配元素,返回集合元素，
eg：$(".t")選取所有class為t的元素
elements：根據給定的元素名匹配元素，返回集合元素
eg：$("p")選取所有的<p>元素
*：匹配所有的元素,返回集合元素
eg：$("*")選取所有的元素
選擇器匹配：將每一個選擇器匹配到的元素合并后一起返回
eg:$("div,span,p.myClass")選取所有<div>,<span>和擁有class為myClass的<p>標簽的一組元素
2、層次選擇器
$("ancestor descendant"):選取ancestor元素里的所有descendent(后代)元素
eg：$("div span")選取<div>里的所有的<span>元素
$("parent>child"):選取parent元素下的child(子元素)，與$("ancestor descendant")的區別，$("ancestor descendant")選擇的是后代元素
eg:$("div>span")選取<div>元素下元素名是<span>的子元素
$(''prev+next") :選取緊跟在prev元素后的next元素
eg:$(".one+div")選取class為one的下一個<div>元素
$('prev~siblings'): 選取prev元素之后的所有siblings元素
eg:$("#two~div")選取id為two的元素后面的所有<div>兄弟元素
3、過濾選擇器
（1）基本過濾
：first：選取第一個元素
eg
$("div:first")選取所有<div>元素中的第一個<div>元素
last: 選取最后一個元素
eg：
$("div:last")選取所有<div>元素中最后一個<dib>元素
: not(selector)去除所有與給定選擇器匹配的元素
eg：
$("input:not(.myClass)")選取class不是myClass的<input>元素
：even選取索引是偶數的所有元素，索引從0開始
eg
$("input:even")選取索引是偶數的<input>元素
：odd選取索引時奇數的所有元素，索引從0開始
eg
$("input:even")選取索引是奇數的<input>元素
：eq(index) 選取索引等于index的元素（index從0開始）
eg
$("input:eq(1)")選取索引等于1的<input>元素
:gt(index)選取索引大于index的元素（index從0開始）
eg
$("input:gt(1)")選取索引大于1的<input>元素
:lt(index)選取索引小于index的元素（index從0開始）
eg
$("input:lt(1)")選取索引小于1的<input>元素
:header 選取所有的標題元素
eg
$(":header")選取網頁中所有的<h1><h2><h3>......
內容過濾
：contains(text)選取含有文本內容為“text”的元素
eg
$("div:contains('劉')")選取含有文本“劉”元素
:empty 選取不包含子元素或者文本的空元素
eg
$("div:empty")選取不包含子元素或文本元素的<div>空元素
：has(selector)選取含有選擇器所匹配的元素的元素
eg
$("div:has(p)")選取含有<p>元素的<div>元素
：parent 選取含有子元素或文本的元素
eg
$("div:parent")選取包含子元素或文本元素的<div>元素
可見性過濾
：hidden 選取所有不可見的元素
eg
$(":hidden")選取所有不見的元素
：visible選取所有可見的元素
eg
$("div：visible")選取所有可見的<div>元素
屬性過濾
[attribute]選取擁有此屬性的元素
eg
$("div[id]")選取擁有屬性id的元素
[attribute=value]選取屬性的值為value元素
eg
$("div[title=test]")選取屬性title為test的<div>元素
[attribute!=value]選取屬性的值不等于value元素
eg
$("div[title！=test]")選取屬性title不是test的<div>元素
[attribute^=value]選取屬性的值以value開始的元素
eg
$("div[title^=test]")選取屬性title以test開始的<div>元素
[attribute$=value]選取屬性的值以value結束的元素
eg
$("div[title$=test]")選取屬性title以test結束的<div>元素
[attribute*=value]選取屬性的值含有value的元素
eg
$("div[title*=test]")選取屬性title含有test的<div>元素
[selector]用屬性選擇器合成一個復合屬性選擇器，滿足多個條件。每選擇一次，縮小一次范圍
eg
$("div[id][title*=test]")選取擁有屬性id，并且屬性title以test結束的<div>元素
子元素過濾
：nth-child(index/even/odd/equation)選取每個父元素下的第index個子元素或者奇偶元素（index從1算起）
eg
:eg(index)只匹配一個元素，而：nth-child將為每一個父元素匹配子元素，并且：nth-child（index）的index是從1開始的，而：eq（index）是從0算起的
：first-child選取每個父元素的第一個子元素
eg
：first只返回單個元素，而：first-child選擇符將為每個父元素匹配第一個子元素
：last-child選取每個父元素的最后一個子元素
eg
：last只返回單個元素，而：last-child選擇符將為每個父元素匹配最后一個子元素
：only-child如果某個元素是它父元素中唯一的子元素，那么將會被匹配。如果父元素中含有其他元素，則不會被匹配
eg
$("ul li:only-child")在<ul>中選取是唯一子元素的<li>元素