jQuery选择器(下)

2017-07-01  本文已影响0人  井皮皮

1). 内容过滤选择器

它是对元素和文本内容的操作。

a) “:contains(text)”,选取包含text文本内容的元素。

b) “:empty”,选取不包含子元素或者文本节点的空元素。

c) “:has(selector)”,选取含有选择器所匹配的元素的元素。

d) “:parent”,选取含有子元素或文本节点的元素。(它是一个父节点)

2). 可见性过滤选择器

根据元素的可见与不可见状态来选取元素。

“: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]”,复合性选择器,首先经[selector1]选择返回集合A,集合A再经过[selector2]选择返回集合B,集合B再经过[selectorN]选择返回结果集合。

4).表单对象属性过滤选择器

选取表单元素属性的过滤选择器。

“:enabled”,选取所有可用元素。

“:disabled”,选取所有不可用元素。

“:checked”,选取所有被选中的元素,如单选框、复选框。

“:selected”,选取所有被选中项元素,如下拉列表框、列表框。

上一篇下一篇

猜你喜欢

热点阅读