Jquery選擇器圖解

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

1.基本選擇器:

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

 

2.層次選擇器:

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

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

 

 

3.表單選擇器:

 

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

 

4.過濾選擇器:

 

過濾選擇器可謂是個重頭戲,過濾選擇器一般都以冒號(“:”)來進行篩選過濾。

 

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

 

具體內容如下圖所示:

發佈了25 篇原創文章 · 獲贊 4 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章