很多種，大概歸納為9種。
創(chuàng)新互聯(lián)建站2013年至今，先為柏鄉(xiāng)等服務(wù)建站，柏鄉(xiāng)等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為柏鄉(xiāng)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
(1)基本
#id
element
.class
*
selector1,selector2,selectorN
(2)層次選擇器：
ancestor descendant
parent child
prev + next
prev ~ siblings
(3)基本過濾器選擇器
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
(4)內(nèi)容過濾器選擇器
:contains
:empty
:has
:parent
(5)可見性過濾器選擇器
:hidden
:visible
(6)屬性過濾器選擇器
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
(7)子元素過濾器選擇器
:nth-child
:first-child
:last-child
:only-child
(8)表單選擇器
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
(9)表單過濾器選擇器
:enabled
:disabled
:checked
:selected
jQuery?的選擇器可謂之強(qiáng)大無比，這里簡單地總結(jié)一下常用的元素查找方法?
$("#myELement")????選擇id值等于myElement的元素，id值不能重復(fù)在文檔中只能有一個(gè)id值是myElement所以得到的是唯一的元素?
$("div")???????????選擇所有的div標(biāo)簽元素，返回div元素?cái)?shù)組?
$(".myClass")??????選擇使用myClass類的css的所有元素?
$("*")?????????????選擇文檔中的所有的元素，可以運(yùn)用多種的選擇方式進(jìn)行聯(lián)合選擇：例如$("#myELement,div,.myclass")?
層疊選擇器：?
$("form?input")?????????選擇所有的form元素中的input元素?
$("#main??*")??????????選擇id值為main的所有的子元素?
$("label?+?input")??????選擇所有的label元素的下一個(gè)input元素節(jié)點(diǎn)，經(jīng)測試選擇器返回的是label標(biāo)簽后面直接跟一個(gè)input標(biāo)簽的所有input標(biāo)簽元素?
$("#prev?~?div")????????同胞選擇器，該選擇器返回的為id為prev的標(biāo)簽元素的所有的屬于同一個(gè)父元素的div標(biāo)簽?
基本過濾選擇器：?
$("tr:first")????????????????????選擇所有tr元素的第一個(gè)?
$("tr:last")?????????????????????選擇所有tr元素的最后一個(gè)?
$("input:not(:checked)")??過濾掉：checked的選擇器的所有的input元素?
$("tr:even")?????????????????????選擇所有的tr元素的第0，2，4...?...個(gè)元素（注意：因?yàn)樗x擇的多個(gè)元素時(shí)為數(shù)組，所以序號(hào)是從0開始）?
$("tr:odd")??????????????????????選擇所有的tr元素的第1，3，5...?...個(gè)元素?
$("td:eq(2)")????????????????????選擇所有的td元素中序號(hào)為2的那個(gè)td元素?
$("td:gt(4)")????????????????????選擇td元素中序號(hào)大于4的所有td元素?
$("td:lt(4)")????????????????????選擇td元素中序號(hào)小于4的所有的td元素?
$(":header")?
$("div:animated")?
內(nèi)容過濾選擇器：?
$("div:contains('John')")????????選擇所有div中含有John文本的元素?
$("td:empty")????????????????????選擇所有的為空（也不包括文本節(jié)點(diǎn)）的td元素的數(shù)組?
$("div:has(p)")??????????????????選擇所有含有p標(biāo)簽的div元素?
$("td:parent")???????????????????選擇所有的以td為父節(jié)點(diǎn)的元素?cái)?shù)組?
可視化過濾選擇器：?
$("div:hidden")?????????選擇所有的被hidden的div元素?
$("div:visible")????????選擇所有的可視化的div元素?
屬性過濾選擇器：?
$("div[id]")?????????????????????選擇所有含有id屬性的div元素?
$("input[name='newsletter']")????選擇所有的name屬性等于'newsletter'的input元素?
$("input[name!='newsletter']")???選擇所有的name屬性不等于'newsletter'的input元素?
$("input[name^='news']")?????????選擇所有的name屬性以'news'開頭的input元素?
$("input[name$='news']")?????????選擇所有的name屬性以'news'結(jié)尾的input元素?
$("input[name*='man']")??????????選擇所有的name屬性包含'news'的input元素?
$("input[id][name$='man']")??????可以使用多個(gè)屬性進(jìn)行聯(lián)合選擇，該選擇器是得到所有的含有id屬性并且那些屬性以man結(jié)尾的元素?
子元素過濾選擇器：?
$("ul?li:nth-child(2)"),$("ul?li:nth-child(odd)"),$("ul?li:nth-child(3n?+?1)")?
$("div?span:first-child")??????????返回所有的div元素的第一個(gè)子節(jié)點(diǎn)的數(shù)組?
$("div?span:last-child")???????????返回所有的div元素的最后一個(gè)節(jié)點(diǎn)的數(shù)組?
$("div?button:only-child")?????????返回所有的div中只有唯一一個(gè)子節(jié)點(diǎn)的所有子節(jié)點(diǎn)的數(shù)組?
表單元素選擇器：?
$(":input")????????????????????選擇所有的表單輸入元素，包括input,?textarea,?select?和?button??
$(":text")?????????????????????選擇所有的text?input元素?
$(":password")?????????????????選擇所有的password?input元素?
$(":radio")????????????????????選擇所有的radio?input元素?
$(":checkbox")?????????????????選擇所有的checkbox?input元素?
$(":submit")???????????????????選擇所有的submit?input元素?
$(":image")????????????????????選擇所有的image?input元素?
$(":reset")????????????????????選擇所有的reset?input元素?
$(":button")???????????????????選擇所有的button?input元素?
$(":file")?????????????????????選擇所有的file?input元素?
$(":hidden")???????????????????選擇所有類型為hidden的input元素或表單的隱藏域?
表單元素過濾選擇器：?
$(":enabled")??????????????????選擇所有的可操作的表單元素?
$(":disabled")?????????????????選擇所有的不可操作的表單元素?
$(":checked")??????????????????選擇所有的被checked的表單元素?
$("select?option:selected")????選擇所有的select?的子元素中被selected的元素
jQuery選擇器一般分為四種
一、基本選擇器
基本選擇器是jQuery中最常用也是最簡單的選擇器，它通過元素的id、class和標(biāo)簽名等來查找DOM元素。
1、ID選擇器 #id
描述：根據(jù)給定的id匹配一個(gè)元素， 返回單個(gè)元素（注：在網(wǎng)頁中，id名稱不能重復(fù)）
示例：$("#test") 選取 id 為 test 的元素
2、類選擇器 .class
描述：根據(jù)給定的類名匹配元素，返回元素集合
示例：$(".test") 選取所有class為test的元素
3、元素(標(biāo)簽)選擇器 element
描述：根據(jù)給定的元素名匹配元素，返回元素集合
示例：$("p") 選取所有的p元素 $("div") :選取所有的div標(biāo)簽
4、*
描述：匹配所有元素，返回元素集合
示例：$("*") 選取所有的元素
5、selector1，selector2,...,selectorN（并集選擇器）
描述：將每個(gè)選擇器匹配到的元素合并后一起返回，返回合并后的元素集合
示例：$("p,span,p.myClass") 選取所有p,span和class為myClass的p標(biāo)簽的元素集合
二、層次選擇器
層次選擇器根據(jù)層次關(guān)系獲取特定元素。
1、后代選擇器
示例：$("p span") 選取p元素里的所有的span元素（注：后代選擇器選擇父元素所有指定選擇的元素，不管是兒子級(jí)，還是孫子級(jí)）
2、子選擇器 $("parentchild")
示例：$("pspan") 選擇p元素下的所有span元素 （注：子選擇器只選擇直屬于父元素的子元素）
3、同輩選擇器 $("prev+next")
描述：選取緊接在prev元素后的next元素，返回元素集合
示例：$(".one+p") 選取class為one的下一個(gè)p同輩元素集合
4、同輩選擇器 $("prev~siblings")
描述：選取prev元素后的所有siblings元素，返回元素集合
示例：$("#two~p")選取id為two的元素后所有p同輩元素集合
三、過濾選擇器
1基本過濾選擇器
1、 :first
描述：選取第一個(gè)元素，返回單個(gè)元素
示例：$("p:first") 選取所有p元素中第一個(gè)p元素
2、 :last
描述：選取最后一個(gè)元素，返回單個(gè)元素
示例：$("p:last") 選取所有p元素中最后一個(gè)p元素
3、 :not(selector)
描述：去除所有與給定選擇器匹配的元素，返回元素集合
示例：$("input:not(.myClass)") 選取class不是myClass的input元素
4、 :even
描述：選取索引是偶數(shù)的所有元素，索引從0開始，返回元素集合
5、 :odd
描述：選取索引是奇數(shù)的所有元素，索引從0開始，返回元素集合
6、 :eq(index)
描述：選取索引等于index的元素，索引從0開始，返回單個(gè)元素
7、 :gt(index)
描述：選取索引大于index的元素，索引從0開始，返回元素集合
8、 :lt(index)
描述：選取索引小于于index的元素，索引從0開始，返回元素集合
9、 :focus
描述：選取當(dāng)前獲取焦點(diǎn)的元素
2內(nèi)容過濾選擇器
1、:contains(text)
描述：選取含有文本內(nèi)容為text的元素，返回元素集合
示例：$("p:contains('我')") 選取含有文本“我”的元素
2、:empty
描述：選取不包含子元素或者文本元素的空元素，返回元素集合
示例：$("p:empty") 選取不包含子元素或者文本元素的空p元素（p/p）
3、:has(selector)
描述：選取含有選擇器所匹配的元素的元素，返回元素集合
示例：$("p:has(p)") 選取含有p元素的p元素（pp//p）
4、:parent
描述：選取含有子元素或者文本的元素，返回元素集合
示例：$("p:parent") 選取含有子元素或者文本元素的p元素（pp//p或者p文本/p）
3可見性過濾選擇器
1、:hidden
描述：選取所有不可見的元素，返回元素集合
2、:visible
描述：選取所有可見的元素，返回元素集合
4屬性過濾選擇器（返回元素集合）
1、[attribute]
示例：$("p[id]") 選取擁有id屬性的p元素
2、[attribute=value]
示例：$("input[name=text]") 選取擁有name屬性等于text的input元素
3、[attribute!=value]
示例：$("input[name!=text]") 選取擁有name屬性不等于text的input元素
4、[attribute^=value]
示例：$("input[name^=text]") 選取擁有name屬性以text開始的input元素
5、[attribute$=value]
示例：$("input[name$=text]") 選取擁有name屬性以text結(jié)束的input元素
6、[attribute*=value]
示例：$("input[name*=text]") 選取擁有name屬性含有text的input元素
7、[attribute~=value]
示例：$("input[class~=text]") 選取擁有class屬性以空格分割的值中含有text的input元素
8、[attribute1][attribute2][attributeN]
描述：合并多個(gè)屬性過濾選擇器
5表單對象屬性過濾選擇器（返回元素集合）
1、:enabled
描述：選取所有可用元素
2、:disabled
描述：選取所有不可用元素
3、:checked
描述：選取所有被選中的元素（單選框，復(fù)選框）
示例：$("input:checked") 選取所有被選中的input元素
4、:selected
描述：選取所有被選中的選項(xiàng)元素（下拉列表）
示例：$("select option:selected") 選取所有被選中的選項(xiàng)元素
四、表單選擇器（返回元素集合，使用相似）
1、:text
描述：選擇所有的單行文本框
示例：$(":text")選取所有的單行文本框
2、:password
描述：選擇所有的密碼框
3、:button
描述：選擇所有的按鈕
4、:checkbox
描述：選擇所有的多選框
jquery選擇器總共有四大類，分別為基本選擇器（ID、類、標(biāo)簽、通配符選擇器），層次選擇器，過濾選擇器（基本過濾器，內(nèi)容過濾器，可見性過濾器，屬性過濾器，子元素過濾器、表單對象屬性過濾選擇器）和表單選擇器。
重慶分公司
重慶分公司
