第二章 jQuery選擇器

#選擇器

##基本選擇器

1. (#id)

   根據給定的id匹配一個元素,$("#test")

2. (.class)

   根據給定的類名匹配元素集合,$(".test")

3. element 根據元素名匹配,$("td")

4. 匹配全部元素

5. selector1,selector2 匹配每個元素後合併,$("div,span,p.class")

##層級選擇器

1. $("body div")

   後代元素

2. $("body > div")

   內子元素

3. $("one + div")

   下一個同輩元素,可用next()方法代替

4. $("#tow ~ div")

   後面的同輩元素，可用nextAll()方法代替

##過濾選擇器

1. :first 匹配第一個元素
2. :last 最後一個元素
3. :not(selector) 排除
4. :even 索引爲偶數
5. :odd 索引爲基數
6. :eq(index) 索引等於index
7. :gt(index) 索引大於index
8. :lt(index) 索引小於index
9. :focus 獲取焦點的元素

##內容過濾器

1. :contains(text) 選取內容含有文本內容的元素
2. :has(selector) 含有選擇器匹配的元素 $("div:has(p)")

##屬性過濾選擇器

1. [attribute] 選取擁有此屬性的元素 $("div[id]")
2. [attribute=value] 屬性值爲value的元素, $("div[title=test]")
3. [attribute^=value] 屬性值以value開始 $("div[title^=test]")
4. [attribute$=value]
5. [attribute*=value]

##子元素過濾器

1. nth-child(index/even/odd)

   $("div.one :nth-child(2)").css("")	 
   
    改變每一個class爲one的<div>父元素下的第二個字元素的css

2. :first-child

3. :last-child

##表單對象屬性過濾選擇器

1. :enabled 選擇表單內的全部可用元素

   $("#form1 :enabled")

2. :disabled 選取不可用元素

   $("#form2 :disabled")

3. :checked 選擇全部被選中的元素（單選框，複選框）

   $("input :checked")

4. :selected 選取全部被選中的選項元素

   $("select option:selected");