jQuery技术

jQuery学习之过滤选择器,jquery过滤选择器

字号+ 作者:H5之家 来源:H5之家 2016-01-16 09:06 我要评论( )

jQuery学习之过滤选择器,jquery过滤选择器。jQuery学习之过滤选择器,jquery过滤选择器 :first 选取第一个元素:$(

jQuery学习之过滤选择器,jquery过滤选择器

:first 选取第一个元素:$("div:first")

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

:not(selector) 取出除selector之外的其他元素:$("div:not(.class)")

:even 选取索引为偶数的元素:$("div:even")

:odd 选取索引为奇数的元素:$("div:odd")

:eq(index) 索引等于index:$("div:eq(1)")

:gt(index) 索引大于index:$("div:gt(1)")

:lt(index) 索引小于index:$("div:lt(1)")

:header 选择所有标签元素(h1,h2,h3):$("div:header")

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

 

内容过滤选择器

:contain(text) 选取文本含有text的元素:$("div:contain('Hello world')")

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

:has(selector) 选取含有选择器所匹配的元素的元素:$("div:has(p)")

:parent 选取含有子元素或者文本的元素:$("div:parent")

 

可见性过滤选择器

:hidden 选取不可见的元素

:visible 选取可见的元素

 

属性过滤选择器

[attribute] 选取拥有此属性的元素:$("div[align]")

[attribute=value] 选取属性值为value的元素:$("div[align=center]")

[attribute!=value] 选取属性值不为value的元素:$("div[align!=center]")

[attribute^=value] 选取属性值以value开始的元素:$("div[align^=center]")

[attribute$=value] 选取属性值以value结束的元素:$("div[align$=center]")

[attribute*=value] 选取属性值含有value的元素:$("div[align*=c]")

[attribute][attribute][attribute] 用属性选择器合并成的选择器:$("div[align*=c][id][class]")

 

子元素过滤选择器

:nth-child(index/even/odd/equation) 选取每个父元素下第index个元素(从1开始)

:first-child 选取每个父元素的第一个子元素

:last-child 选取每个父元素的最后一个子元素

:only-child 匹配只有一个子元素的父元素的子元素

 

表单对象属性过滤选择器

:enabled 选取所有可用元素

:disabled 选取所有不可用元素

:checked 选取所有被选中元素(单选框,复选框)

:selected 选取所有被选中元素(下拉列表)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
w