1、基本選擇器（class、id、元素等）
類選擇器 以class屬性名稱來作為選擇器，以.開頭； 如 $(".mydiv")， $("div.mydiv") 等；
id選擇器 以元素的id屬性名稱來作為選擇器，以#開頭； 如 $("#mydiv1")，$("#btn1")等；
標籤元素選擇器 以html標籤元素作為選擇內容的選擇器； 如： $("h3"),$("div"),$("p")；
全域性選擇器 匹配所有的元素; 如 $("*");
並集選擇器 以多個元素作為乙個並集集合來作為選擇器； 如 $("#mydiv1,#mydiv2,div")，$("div,p")等；
交集選擇器 以多個元素作為且條件作為乙個集合來作為選擇器； 如 $("tr.myth"), $("tr.myth,td.myth")等；
2、層次選擇器（具有dom節點的一些繼承結構）
後代選擇器： 以某個元素為父類，該元素下的所有滿足條件的後代都會匹配； 如 $("div span");
子元素選擇器： 以某個元素為父類，該元素下的子類滿足條件的會匹配； 如 $("div>span")；
相鄰元素選擇器： 以某個元素為基準，該元素緊跟後面的滿足條件的會匹配； 如 $("div+span")；
同輩之後元素選擇器： 以某個元素為基準，同輩且在該元素之後的滿足條件的會匹配； 如 $("div~span")；
3、屬性選擇器
包含屬性： 以某個元素為基準，判斷該元素有沒有包含該屬性；如 $("[id]")、$("input[id]")、$("input[type=button][id]")等
屬性具體的值選擇： 以某個元素為基準，判斷該元素的屬性等於具體的值； 如 $("input[type=button]")；
屬性不等於的值選擇： 以某個元素為基準，判斷該元素的屬性不等於具體的值； 如 $("input[type!=button]")；
屬性值開始選擇： 以某個元素為基準，判斷該元素的屬性以某個具體的值開頭； 如 $("input[name^=us]")；
屬性值結尾選擇： 以某個元素為基準，判斷該元素的屬性以某個具體的值結尾； 如 $("input[name$=er]")；
屬性值值中包含選擇：以某個元素為基準，判斷該元素的屬性值中是否包含具體的值； 如 $("input[name*=a]")；
復合屬性： 以某個元素為基準，判斷該元素是否滿足多個屬性條件； 如$("input[type=button][id]")、$("input[type=button][name^=us]")、等。
4、簡單選擇器
:first 匹配第乙個元素, 如; $("input[name=user]:first")
:last 匹配最後乙個元素： $("input[name=user]:last");
:eq 等於下標匹配： $("input[name=user]:eq(1)")
:even 匹配偶數下標， 作用於奇數行 $("input[name=user]:even")，$("tr:even")
:odd 匹配技術下標， 作用於偶數行； $("input[name=user]:odd")，$("tr:odd")
:gt(n) 匹配大於n行的元素 $("input[name=user]:gt(3)"),$("tr:gt(3)")
:lt(n) 匹配小於n行的元素 $("input[name=user]:lt(3)"),$("tr:lt(3)")
：not 相反的; 如 $("input:not([type=button])") 匹配type！=button的所有的input標籤；
:animated 正在執行的動畫可以被匹配； 如 $(":animated")、 $("div:animated")；
5、子元素選擇器
:first-child 匹配第乙個孩子； 如$("form:first-child"), $("div:first-child")
:last 匹配最後乙個孩子； 如 $("div:last");
:last-child 匹配最後乙個子元素 ; 如 $("div:last-child");
:nth-child(index/even/odd/equation) 匹配下標，偶數，奇數，等於等元素； 如 $("div div:nth-child(even)")、$("table tr:nth-child(3)")
:only-child 父類中只有唯一的子類時才會匹配；$("div div:only-child")、$("table tr:only-child")
6、可見性選擇器
：hidden 所有隱藏的； 如$("div:hidden")、 $("#show:hidden");
：visible 所有可見的； 如 $("#show:visible")、$("div:visible")；
7、內容選擇器
:contains(text) 匹配給定的文字 ； 如 $("table tr:contains("+user+")")、$("table tr:not(:contains("+user+"))")等。
:empty 沒有子類的元素被匹配； 如 $("div:empty")；
:parent匹配子元素及文字內容的父類; 如$("div:parent")；
8、表單選擇器
9、表單屬性選擇器
重點需要掌握的選擇器：
基本選擇器、簡單選擇器、層級選擇器、屬性選擇器、子元素選擇器；
豐富的jquery選擇器
今天抽時間看了下jq，裡面的選擇器還是很豐富的，下面分別來對他進行分類下 1 首先是基本的選擇器，可選擇標籤 樣式，id，萬用字元4種屬性的，eg div 是選擇dom文件下所有的div元素，class 是選擇所有dom文件下的所有樣式為class的元素，id則必須通過 id 這種方式來使用，萬用字...
Jquery 選擇器 簡單的選擇器
1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last，eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...