第二章 jQuery選擇器

一、jQuery選擇器的優勢

1. 寫法簡潔 $("div")
2. 支持CSS2和css3選擇器（對于css3選擇器支持這一項，我認為應該是jQuery首先創造并使用這些選擇器而后css3將其引入自己的規范）
3. 完善的處理機制 $(".demo")獲取的永遠是對象，即時網頁沒有這個元素。

          由于這種機制，使用jQuery檢查某個元素在網頁中是否存在時不能使用：

if($(".demo")){     // do something}

而是應該根據獲取到的長度來判斷：

if($(".demo").length>0){     // do something}

或者是轉為DOM判斷。

二、jQuery選擇器

• 基本選擇器

最常用的選擇器，通過元素id、class和標簽名等查找DOM元素。

• 層次選擇器

通過DOM元素之間的層次關系獲取特定元素例如：后代元素、子元素、相鄰元素和同輩元素等。

對于$("prev+next")選擇器一般用next()方法代替，對于$("prev~siblings")一般用nextAll()方法代替。

• 過濾選擇器

通過特定的過濾規則篩選所需的DOM元素，選擇器已:開頭（與css偽類選擇器相似）。按照過濾原則可分為：

1. 基本過濾選擇器

  在使用:even、:odd、：eq()、:gt()、:lt()等選擇器是一定要注意下標問題

       2.內容過濾選擇器  過濾規則主要是它包含的子元素和文本

      3.可見性過濾選擇器  根據元素的可見和不可見狀態選擇相應元素

對于:hidden選擇器，不僅可以選擇display:none的元素，也可以選擇visibility:hidden和文本隱藏域等元素。

4.屬性過濾選擇器  根據元素屬性獲取相應元素

5. 子元素過濾選擇器

eq(index)只匹配一個元素，而nth-child將為每一個符合條件的父元素匹配子元素。同時nth-child()的index從1開始，eq()從0開始。同理，:first和:first-child、:last和last:child也類似。

6.表單對象屬性過濾選擇器

• 表單選擇器 

三、jQuery選擇器注意事項

1. 選擇器含有”.“，”#“，”（“或”]“等特殊字符時使用轉義符轉義。
2. jQuery在1.3.1版本后放棄之前的屬性前加@。
3. 選擇器對空格敏感。