過濾選擇器根據某個過濾規則進行元素的匹配,書寫時以":"開頭,用於查找集合元素中的某個位置的單個或多個元素。
:first過濾選擇器
用於取得一組相同元素中第一個元素
如:$("li:first")、$(".name li:first").
:eq(index)過濾選擇器
用於從一組相同元素中選擇任意一個位置元素.
如:$("li:eq(3)"),選擇第四個li元素。
:contains(text)過濾選擇器
用於在一組相同元素中選擇包含text文本的所有元素。
如:$("li:contains('hello')"),選擇包含了hello的li元素。
:has(selector)過濾選擇器
用於從一組相同元素中選擇出包含了selector指定元素的所有元素。
如:$("li:has('p')"),選擇包含了p標籤的所有li元素。
:hidden過濾選擇器
用於獲取全部不可見的元素。這些不可見的元素除了style屬性爲none的元素外,還包括type屬性值爲hidden的元素。
如:$("p:hidden"),獲取隱藏的p元素。
:visible過濾選擇器
用於獲取所有可見的元素,與:hidden相反。只要不將元素的display設置爲none,那麼它們都會被獲取到。
如:$("li:visible"),獲取所有可見的li元素。