jQuery選擇器(下)

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”,選取所有被選中項元素,如下拉列表框、列表框。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容