層次選擇器（選擇器的型別為任意合法的選擇器）

1. 後代選擇器（子、孫...都會被選擇）
   $"(選擇器1 選擇器2")
   選擇器1為祖先元素，選擇器2為後代元素，之間用空格隔開

2. 選擇子元素（只選兒子這一代）
   $("父元素 > 子元素")

3. prev + next（所有跟在選擇器1後面的標籤）
   $("選擇器1 + 選擇器2")

4. prev ~ siblings（跟在選擇器1後面的第一個兄弟選擇器2）
   $("選擇器1~選擇器2")

過濾選擇器

• 基本選擇器

1. 選擇第一個元素【：first】
   $(div：first)

2. 選擇最後一個元素【：last】
   $(div：last)

3. 不選某一個/種元素【:not】
   $(input:not(:checked))----選擇未被選中的input

4. 選擇索引值為偶數的元素【：even】
   索引值從0開始
   $("li:even")

5. 選擇索引值為奇數的元素【:odd】
   $("li:odd")

6. 選擇一個給定索引值的元素【：eq(index)】
   $("li:eq(0)")-----第一行li標籤

7. 選擇所有大於給定索引值的元素【：gt(index)】
   $("li:gt(0)")-----大於第一行的li標籤

8. 選擇所有小於給定索引值的元素【：lt(index)】
   $("li:lt(5)")-----小於第五行的所有li標籤

9. 選擇標題元素【:header】
   $(":header").css()----給所有標題標籤設定樣式

10. 選擇正在執行動畫效果的元素【:animated】

過濾選擇器支援多過濾，在後面繼續：就行了

• 內容選擇器

1. 選擇包含給定文字的元素【：contains(text)】
   $("div：contains('abc')");

2. 選擇所有不包含子元素或者文字的空元素【：empty】
   $(tr:empty)

3. 選擇所有非空的元素【：parent】
   $("tr：parent")

4. 選擇含有·選擇器所選擇的元素·的元素【：has(選擇器)】
   $("div:has(p)")-----選擇帶有p標籤的div

• 屬性過濾器

1. 選擇包含給定屬性的元素【[屬性]】
   $("div[id]")------含有id屬性的div

2. 選擇給定的屬性是某個特定值的元素【[屬性=xxx]】
   $("input[name='username']")

3. 選擇不含有指定屬性，或者屬性不等於特定值的元素【[屬性！=xxx]】
   $("input[name!='username']")

4. 選擇給定的屬性是以某些值開始的元素【[屬性^=xxx]】
   $("input[name^=user]")----name屬性以suer開頭的元素

5. 選擇給定的屬性以某些值結尾的元素【[屬性$=xxx]】
   $("input[name$abc]")----name屬性以abc結尾的元素