1. 程式人生 > >jQuery選擇器與過濾器

jQuery選擇器與過濾器

一、選擇器:
查詢節點,jQuery的選擇機制構建於Css的選擇器,它提供了快速查詢DOM文件中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式,另外,它還有一些自定義的選擇器。
下面舉一些列子來說明選擇器:(筆者用css樣式幾乎給每一個選中的標籤加了了一個顏色框,有利於測試的時候看到效果)
如圖一:


二、過濾器:
jQuery的過濾器必須用在jQuery選擇器後,表示對通過前面的jQuery選擇器選擇到的內容的過濾。是建立在前面選擇器已經選擇到元素的基礎之上的。
1.基本過濾器:

如圖:


2.內容過濾器:

如圖:


3.可見性過濾器:

如圖:


4.屬性過濾器:

如圖:


5.後代過濾器:

如圖:


【注意】:(標籤後跟1.空格:從後代中的元素找。2.>:從子代元素中找。3.什麼都不加:自己作為後代,即從兄弟元素中找。)