Jquery中的選擇器主要分爲基本選擇器、層次選擇器、過濾選擇器、表單選擇器四種。下面主要用圖的實行來逐個介紹每一種選擇器所包含的內容:
1.基本選擇器:
與CSS選擇器類似,Jquery的基本選擇器也包括id選擇器、類選擇器、標籤選擇器、羣組選擇器、通配選擇器。不同的是CSS選擇器是給匹配的元素添加樣式,而Jquery選擇器是給匹配的元素添加行爲。
2.層次選擇器:
層次選擇器包括:後代選擇器、子元素選擇器、相鄰元素選擇器、兄弟元素選擇器。
其中前兩種選擇器用的比較多,因爲在Jquery中有更加簡單的方法(next()方法和nextAll()方法)來替代後兩種選擇器所有後兩種選擇器用的相對很少。
3.表單選擇器:
表單選擇器主要針對用Jquery來操作表單元素進行的便利方法,具體內容如下圖所示:
4.過濾選擇器:
過濾選擇器可謂是個重頭戲,過濾選擇器一般都以冒號(“:”)來進行篩選過濾。
過濾選擇器包括:基本過濾、內容過濾、可見性過濾、表單對象屬性過濾、子元素過濾、屬性過濾。
具體內容如下圖所示: