jQuery各种过滤选择器应用

2017-02-24  本文已影响0人  BlueSkyer26

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算起

上一篇下一篇

猜你喜欢

热点阅读