深入淺出JQuery (二) 選取器

 

1.  jquery選取器繼承了CSS部分功能，可以通過標籤名、屬性名稱、內容對DOM元素進行快速、準確選擇，不用考慮相容性，通過JQuery選取器對頁面元素進行定位。

1. jquery庫中，封裝了大量可以通過選取器直接調用的方法或函數，使編寫代碼更簡單輕鬆

 

1. 選取器類別

 

1. 基本選取器
   1. 基本選取器是JQuery中使用最頻繁的選取器，它由元素ID、Class、元素名、多個選擇符組成，通過基本選取器可以實現大多數頁面元素尋找.

1. 層次選取器
   1. 層次選取器通過DOM元素間的層次關係擷取元素，其主要層次關係包括後代、父子、相鄰、兄弟關係，通過其中某類可以方便快捷定位元素

1. 簡單過濾選取器
   1. 過濾選取器根據某類過濾規則進行元素的匹配，書寫時都已冒號“：”開頭，簡單過濾選取器是過濾選取器使用最廣泛的一種

1. 內容過濾選取器
   1. 內容過濾選取器根據元素中的文字內容或所包含的子項目擷取元素，其文字內容可以模糊或決定匹配進行定位

1. 可見度過濾選取器
   1. 可見度過濾選取器根據元素是否可見的特徵擷取元素

1. 屬性過濾選取器
   1. 屬性過濾選取器根據元素的某個屬性擷取元素，如ID號或匹配屬性值的內容，並以“【”開始，以“】”結束

1. 子項目過濾選取器
   1. 雖然使用基本過濾選取器：eq(index)可實現單個表格的顯示，但不能滿足大量資料和多個表格選擇需求，為了實現這樣的功能，jquery中可以通過子項目過濾選取器擷取所有父元素中指定的某個子項目

1. 表單對象屬性過濾選取器
   1. 表單對象屬性過濾選取器通過表單中的某對象屬性特徵擷取該類元素

1. 表單選取器
   1. 無論是提交還是傳遞資料，表單在頁面中的作用是顯而易見的，通過表單進行資料的提交或處理，在前端頁面開發中佔據重要地位。使得使用者更加方便、搞笑的使用表單，