1). 內(nèi)容過濾選擇器
它是對元素和文本內(nèi)容的操作。
a) “:contains(text)”,選取包含text文本內(nèi)容的元素。
b) “:empty”,選取不包含子元素或者文本節(jié)點的空元素。
c) “:has(selector)”,選取含有選擇器所匹配的元素的元素。
d) “:parent”,選取含有子元素或文本節(jié)點的元素。(它是一個父節(jié)點)
2). 可見性過濾選擇器
根據(jù)元素的可見與不可見狀態(tài)來選取元素。
“:hidden”,選取所有不可見元素。
“:visible”,選擇所有可見元素。
可見選擇器:hidden 不僅包含樣式屬性 display 為 none 的元素,也包含文本隱藏域 ()和 visible:hidden 之類的元素。
3).屬性過濾選擇器
通過元素的屬性來選取相應的元素。
a) “[attribute]”,選取擁有此屬性的元素。
b) “[attribute=value]”,選取指定屬性值為value的所有元素。
c) “[attribute !=value]”,選取屬性值不為value的所有元素。
d) “[attribute ^= value]”,選取屬性值以value開始的所有元素。
e) “[attribute $= value]”,選取屬性值以value結束的所有元素。
f) “[attribute *= value]”,選取屬性值包含value的所有元素。
g) “[selector1] [selector2]…[selectorN]”,復合性選擇器,首先經(jīng)[selector1]選擇返回集合A,集合A再經(jīng)過[selector2]選擇返回集合B,集合B再經(jīng)過[selectorN]選擇返回結果集合。
4).表單對象屬性過濾選擇器
選取表單元素屬性的過濾選擇器。
“:enabled”,選取所有可用元素。
“:disabled”,選取所有不可用元素。
“:checked”,選取所有被選中的元素,如單選框、復選框。
“:selected”,選取所有被選中項元素,如下拉列表框、列表框。