首页 > Web开发 > 详细

jQuery选择器-->过滤选择器之简单过滤器

时间:2020-05-08 21:02:19      阅读:55      评论:0      收藏:0      [点我收藏+]

1.定义和用法

  简单过滤器是指以冒号开头,通常用于实现简单过滤效果的过滤器。

  :first

    说明:匹配找到的第一个元素,它是于选择器结合使用的

    示例:$("tr:first")  //匹配表格的第一行

  :last

    说明:匹配找到的最后一个元素,它是与选择器结合使用的

    示例:$("tr:last")  //匹配表格的最后一行

  :even

    说明:匹配所有索引值为偶数的元素,索引值从0开始计数

    示例:$("tr:even")  //匹配索引值为偶数的行

  :odd

    说明:匹配所有索引值为奇数的元素,索引值从0开始计数

    示例:$("tr:odd")  //匹配索引值为奇数的行

  :eq(index)

    说明:匹配一个给定索引值的元素

    示例:$("div:eq(1)")  //匹配第二个div元素

  :gt(index)

    说明:匹配所有大于给定索引值的元素

    示例:$("span:gt(0)")  //匹配索引大于0的span元素(注:大于0,而不包括0)

  :lt(index)

    说明:匹配所有小于给定索引值的元素

    示例:$("span:lt(2)")  //匹配索引小于2的span元素(注:小于2,而不包括2)

  :header

    说明:匹配如h1,h2,h3.....之类的标题元素

    示例:$(":header")  //匹配全部的标题元素

  :not(selector)

    说明:去除所有与给定选择器匹配的元素

    示例:$("input:not(:checked)")  //匹配没有被选中的input元素

  :anmated

    说明:匹配所有正在执行动画效果的元素

    示例:$("div:animated")  //匹配正在执行动画的div元素 

jQuery选择器-->过滤选择器之简单过滤器

原文:https://www.cnblogs.com/abner-pan/p/12852760.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!