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