美文网首页
jQuery各种过滤选择器应用

jQuery各种过滤选择器应用

作者: BlueSkyer26 | 来源:发表于2017-02-24 09:46 被阅读0次

    1,基本过滤选择器


    选取第一个元素(:first)

    选取最后一个元素(:last)

    去除所有的与给定选择器匹配的元素(:not(selector))

    选取索引是偶数的所有元素,索引从0开始(:even)

    选取索引是奇数的所有元素,索引从0开始(:odd)

    选取索引等于指定index的元素,索引从0开始(:eq(index))

    选取索引大于指定index的元素,索引从0开始(:gt(index))

    选取索引小于指定index的元素,索引从0开始(:lt(index))

    选取标题元素(:header)

    选取当前正在执行的动画的所有元素(:animated)

    选取当前获取焦点的所有元素(:focus)

    2,内容过滤选择器

    选取包含指定文本的元素(:contains(text))

    选取不包含子元素或文本的空元素(:empty)

    选取含有选择器匹配元素的元素(:has(selector))

    选取包含子元素或文本的空元素(:parent)

    3,可见性过滤器

    选取不可见的元素(:hidden)

    选取可见的元素(:visible)

    4,属性过滤器

    选取拥有此属性的元素([attribute])

    选取属性值为value的元素([attribute=value])

    选取属性值不等于value的元素([attribute!=value])

    选取属性值以value开始的元素([attribute^=value])

    选取属性值以value结束的元素([attribute$=value])

    选取属性值含有value的元素([attribute*=value])

    选取属性值等于value或前缀为value(即”value-xxx”)的元素([attribute|=value])

    选取属性值用空格分隔的值中包含给定值的元素([attribute~=value])

    组合属性选择器([attribute1][attribute2]…[attributeN])

    5,子元素过滤选择器

    选取每个父元素下的第一个子元素,返回集合元素

    选取每个父元素下的最后一个子元素,返回集合元素

    选取每个父元素下的唯一子元素,返回集合元素

    选取每个父元素下的第index个子元素或者奇偶元素,index从1算起

    相关文章

      网友评论

          本文标题:jQuery各种过滤选择器应用

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