美文网首页
jQuery选择器(下)

jQuery选择器(下)

作者: 井皮皮 | 来源:发表于2017-07-01 00:32 被阅读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”,选取所有被选中项元素,如下拉列表框、列表框。

    相关文章

      网友评论

          本文标题:jQuery选择器(下)

          本文链接:https://www.haomeiwen.com/subject/ychwcxtx.html