Jquery選擇器圖解

Jquery中的選擇器主要分為基本選擇器、層次選擇器、過濾選擇器、表單選擇器四種。下面主要用圖的實行來逐個介紹每一種選擇器所包含的內容：

1.基本選擇器：

與CSS選擇器類似，Jquery的基本選擇器也包括id選擇器、類選擇器、標簽選擇器、群組選擇器、通配選擇器。不同的是CSS選擇器是給匹配的元素添加樣式，而Jquery選擇器是給匹配的元素添加行為。

2.層次選擇器：

層次選擇器包括：后代選擇器、子元素選擇器、相鄰元素選擇器、兄弟元素選擇器。

其中前兩種選擇器用的比較多，因為在Jquery中有更加簡單的方法（next()方法和nextAll()方法）來替代后兩種選擇器所有后兩種選擇器用的相對很少。

3.表單選擇器：

表單選擇器主要針對用Jquery來操作表單元素進行的便利方法，具體內容如下圖所示：

4.過濾選擇器：

過濾選擇器可謂是個重頭戲，過濾選擇器一般都以冒號（“：”）來進行篩選過濾。

過濾選擇器包括：基本過濾、內容過濾、可見性過濾、表單對象屬性過濾、子元素過濾、屬性過濾。

具體內容如下圖所示：