为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery 选择器

标签:
JQuery

jQuery选择器可分为基本选择器和过滤选择器

   (二)过滤选择器

   ★简单过滤选择器:主要根据索引值对元素进行筛选。

   1、:first选择器:对当前jQuery集合进行过滤并选择出第一个匹配元素

       jQuery("selector:first");

       注:参数selector为任何有效的选择器

   2、:last选择器:对当前jQuery集合进行筛选并选择出最后一个匹配元素

       jQuery("selector:last");

       注:参数selector为任何有效的选择器

   3、:odd选择器:选择索引为奇数(从0开始计数)的所有元素

       jQuery("selector:odd");

   4、:even选择器:选择索引为偶数(从0开始计数)的所有元素

       jQuery("selector:even");

   5、:eq()选择器:用于从匹配的集合中选择索引等于给定值的元素

       jQuery("selector:eq(index)");

       注:参数index指定元素在selector集合中的索引值(从0开始计数)

   6、:gt()选择器:从匹配的集合中选择索引大于给定值的所有元素

       jQuery("selector:gt(index)");

       注:参数index指定元素在selector集合中的索引值(从0开始计数)

   7、:lt()选择器:从匹配的集合中选择索引小于给定值的所有元素

       jQuery("selector:lt(index)");

       注:参数index是一个非负整数,用于指定元素在selector集合中的索引值(从0开始计数)

   8、:not()选择器:从匹配的集合中除去与给定选择器匹配的元素

       jQuery(selector1:not(selector2));

       注:selector1和selector2均为任何有效的选择器,表示从selector1匹配的集合中移除与selector2匹配的所有元素

   9、:header()选择器:选择所有诸如h1、h2、h3之类的标题元素

       jQuery(":header")

   10、:animated选择器:选择所有正在执行动画效果的元素

       jQuery("selector:animated");

       注:参数selector为任何有效的选择器

   ★内容过滤选择器

   1、:contains()选择器:选择包含给定文本的所有元素

       jQuery("selector:contains(text)");

       注:参数selector是任何有效的选择器,text指定要查找的文本(引号是可选的),该文本可以直接出现在选定的元素或其任何后代元素中

   2、:has()选择器:选择包含子元素的元素

       jQuery("selector:has(selector2)");

   3、:empty选择器:选择不包含子元素或文本的所有空元素

       jQuery("selector:empty");

       注:selector集合中不包含子元素或文本的所有空元素将包含在查询结果中

   4、:parent选择器:选择包含子元素或文本的元素

       jQuery("selector:parent");

       注:selector集合中包含子元素或文本的所有空元素将包含在查询结果中

   ★属性过滤选择器

   1、包含属性选择器:选择包含给定属性的所有元素

       jQuery("selector[attribute]");

       注:参数attribute表示属性名,value表示属性值,多数情况指定属性值时的引号是可选的

   2、属性等于选择器:选择给定属性等于某特定值的所有元素

       jQuery("selector[attribute=value]");

       注:参数attribute表示属性名,value表示属性值

   3、属性包含选择器:选择指定属性值包含给定子字符串的所有元素

       jQuery("selector[attribute*=value]");

       注:参数selector为任何有效的选择器,用于指定要查找的元素;attribute为属性名,value为属性值,引号是可选的。

   4、属性包含单词选择器:选择指定属性值中包含给定单词(由空格分隔)的元素

       jQuery("selector[attribute~ =value]");

   5、属性不等于选择器:选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素

       jQuery("selector[attribute!=value]");

   6、属性开始选择器:选择给定属性是以某特定值开始的所有元素

       jQuery("selector[attribute^ =value]");

   7、属性结束选择器:选择指定属性是以某特定值结束的所有元素

       jQuery("selector[attribute$=value]");

   8、复合属性选择器:选择同时满足多个条件的所有元素

       jQuery("selector[selector1][selector2][selectorN]");

   ★子元素过滤选择器

   1、:first-child选择器:选择是其父级的第一个子元素的所有元素

       jQuery("selector:first-child");

   2、:last-child选择器:选择是其父级的最后一个子元素的所有元素

       jQuery("selector:last-child");

   3、:nth-child()选择器:选择父元素下的第N个子元素或奇偶元素

       jQuery("selector:nth-child(index/even/odd/equation)");

   4、:only-child选择器:选择某元素的唯一子元素

       jQuery("selector:only-child");

   ★表单域属性过滤选择器

   1、:check选择器:选择所有被选中的表单域

   2、:disabled选择器:选择所有被禁用的的表单域

   3、:enable选择器:选择所有可用的表单域

   4、:selected选择器:从列表框中选择所有选中的option元素

       jQuery("selector option:selected");

   ★可见性过滤选择器

   1、:hidden选择器:选择所有的不可见元素

   2、:visible选择器:选择所有的可见元素

       


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消