jquery選擇器可以歸類分為基本選擇器，層級選擇器，過濾選擇器和表單選擇器。通過jquery選擇器我們能夠更快更方便的選擇到對應的元素或者元素組，進行相關dom節點操作。
一：jquery基本選擇器
1.id選擇器 $('#id')
2.class選擇器 $('.class')
eg:$('.blue')
3.element選擇器 $('element')
eg:$('p')
4.*選擇器(*表示指定條件下所有元素) $('*')
eg:$('*')
5.並列選擇器 $('#id,.class,element...')
1.直系子元素選擇器（parent>child）
eg:$('div>span') 直接被div包括的span元素
2.祖孫元素選擇器（grandparent parent child）
eg:$('div p span') 逐級查詢，首先div下查詢p，然後p裡面查詢span
3.相鄰兄弟元素選擇器（prev+next）
eg:$('p+div') 選擇到和p元素相同父元素且p後面的第乙個div元素,類似於next()方法
4.所有兄弟元素選擇器（prev~siblings）
eg:$('p~div') 選擇到和p元素相同父元素且在p後面的所有div元素，類似jquery的nextall()方法
1. 基本過濾選擇器
（1）:first和:last（取第乙個，最後乙個元素）
eg:$('p:first')，$(
'.active:first')，$(
'p:last')，$(
'.active:last')
（2）:not（取非元素）
eg:$('div:not(.active)')
（3）:even和:odd（取偶數索引或奇數索引元素，索引從0開始，even表示偶數，odd表示奇數）
eg:$('div:even') $(
'div:odd')
（4）:eq(x) （取指定索引的元素，從0開始）
eg:$('li:eq(2)')
（5）:gt(x)和:lt(x)（取大於x索引或小於x索引的元素）
eg:$('li:lt(2)') $(
'li:gt(2)')
（6）:header（取h1~h6標題元素）
eg:$(':header')
2. 內容過濾選擇器
（1）:empty（取不包含子元素或文字為空的元素）
eg:$('p:empty')
（2）:contains(text)（取包含指定字串的元素）
eg:$(':contains(text)')
（3）:has(selector)（取包含某些元素在內的元素）
eg:$('p:has(span)') $(
'div:has(span,p,a)')
（4）:parent（取包含子元素或文字的元素，取的是該元素）
eg:$('div:parent')
3. 可見性過濾選擇器
（1）:hidden（取不可見的元素，即display:none或type=hidden的表單元素）
eg:$('div:hidden')
（2）:visible（取可見的元素）
eg:$('div:visible')
4. 屬性過濾選擇器
(1)[attribute]（取擁有attribute屬性的元素）
eg:$('a[title]')
(2)[attribute = value]和[attribute != value]（取attribute屬性值等於value或不等於value的元素）
eg:$('a[class=item]') $(
'a[class!=item]')
(3)[attribute ^= value], [attribute $= value]和[attribute *= value]（attribute屬性值以value開始，以value結束，或包含value值）
eg:$('a[title^=jquery]') $(
'a[title$=jquery]') $(
'a[title*=jquery]')
(4)[selector1][selector2]（複合型屬性過濾器，同時滿足多個條件）
eg:$('a[title^=jquery][class=item]')
5. 子元素過濾選擇器
(1):first-child（第乙個子元素）和:last-child（最後乙個子元素）
eg:$('div:first-child') $(
'div:last-child') 第乙個和最後乙個div元素
(2):only-child（當該元素有且僅有乙個子元素時）
eg:$('div:only-child') 有且只有乙個子元素的div元素
(3):nth-child(x)（第x個元素，first-child和last-child為特殊）
eg:$('div:nth-child(x)')第x個元素 $(
'div:nth-child(even)')和$(
'div:nth-child(odd)') 從1開始，獲取第偶數個或第奇數個div元素
$('div:nth-child(xn+y)')其中x>=0,y>=0
(1):enabled和:disabled（取可用或不可用元素，針對input, select, textarea元素）
eg:$('input:enabled') $('input:disabled')
(2):checked（取選中的input的type為radio單選框或者checkbox核取方塊）
(3):selected（取select下拉列表被選中的元素）
(4):input（取input,textarea,select,button元素）
(5):text（取單行文字框元素input的type=
"text"）和:password（取密碼框元素input的type=
"password"）
(6):radio（取單選框元素input的type=
"radio"）
(7):checkbox（取核取方塊元素input的type=
"checkbox"）
(8):submit（取提交按鈕元素input的type=
"checkbox"）
(9):reset（取重置按鈕元素input的type=
"reset"）
(10):button（取按鈕元素input的type=
"button"）
(11):file（取上傳域元素input的type=
"file"）
(12):hidden（取不可見元素input的type=
"hidden"）
jQuery基礎使用 一
個人經驗，僅供參考，錯誤之處，敬請諒解 jquery物件與dom物件 jquery物件轉化為dom物件 var div div jquery物件 var div div.get 0 div.style.color red dom物件轉化為jquery物件 var div document.getel...
C基礎系列 一
這裡做一些c語言的語法的總結。1.輸出數字型別 printf d n 2 2.保留小數點後一位，示例為1 不是 l printf 1f n 8.0 5.0 3.整數值用 d，實數用 f 輸出。4.開平方,需要引入 include sqrt 3 5.scanf中的佔位符和變數的資料型別應一一對應，且每...
jQuery基礎學習筆記（一）
jquery中的入口函式有兩種 第一種 function 第二種 document ready function 注意 可換成jquery。等著 dom 結構渲染完畢即可執行內部 不必等到所有外部資源載入完成，jquery 幫我們完成了封裝。相當於原生 js 中的 domcontentloaded。...