博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
四、过滤选择器
阅读量:5040 次
发布时间:2019-06-12

本文共 1651 字,大约阅读时间需要 5 分钟。

4.1简单过滤选择器

类似css的伪类选择器,:开头,与另一选择器一起使用。

(1) :first选择器

$("selector:first")

选择出第一个匹配元素

(2) :last选择器

选择出最后一个匹配元素

(3) :odd选择器

选择索引为奇数的元素,从0计数。

(4) :even选择器

选择索引为偶数的元素,从0计数。

(5) :eq()选择器

$("selector:eq(index)")

选择索引等于index的元素。

(6) :gt()选择器

选择索引大于index的所有元素。

(7) :lt()选择器

选择索引小于index的所有元素。

(8) :not()选择器

$(selector1:not(selector2))

选择与selector1匹配的元素中除去与selector2匹配的元素。

(9) :header选择器

$(":header")

选择h1,h2...之类的标题元素。

(10)  animated选择器

选择所有正在执行动画效果的元素。

4.2 内容过滤选择器

(1) :contains()选择器

$("selector:contains(text)")

选择包含给定文本的所有元素。

(2) :has()选择器

$("selector1:has(selector2)")

选择包含给定子元素的元素。

(3) :empty选择器

$("selector:empty")

选择不包含子元素或文本的元素。

(4) :parent选择器

选择包含子元素或文本的所有元素。

4.3 属性过滤选择器

(1) 包含属性选择器

$("selector[attribute]")

(2) 属性等于选择器

$("selector[attribute=value]")

选择给定属性等于某特定值的元素。

(3) 属性包含选择器

$("selector[attribute*=value]")

选择指定属性值包含了给定字符串的所有元素。

(4) 属性包含单词选择器

$("selector[attribute~=value]")

选择指定属性中包含指定单词(由空格分隔)的元素。

(5) 属性不等于选择器

$("selector[attribute]!=value")

选择不包含指定属性或者包含指定属性但是不等于指定值的元素。

(6) 属性开始选择器

$("selector[attribute]^=value")

选择给定属性以某一特定值开始的所有元素。

(7) 属性结尾选择器

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

(8) 复合属性选择器

$("selector[..][...]...")

选择同时满足多个条件的所有元素。

4.4 子元素过滤选择器

(1) first-child选择器

$("selector:first-child")

选择其父级的第一个子元素的所有元素。

(2) last-child

(3) nth-child()选择器

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

选择父元素下的第n个元素或者奇偶元素。

(4) only-child选择器

选择某元素的唯一选择器。

4.5 表单域属性过滤选择器

(1) :checked选择器

$("selector:checked")

选择所有被选中的表单域。

(2) :enabled选择器

选择所有可用的表单域。

(3) :disabled选择器

选择所有被禁用的表单域。

(4) :selected选择器

选择从列表框中选中的option元素。

4.6 可见性过滤选择器

(1) :hidden选择器

用于选择所有不可见元素。

(2) :visible选择器

用于选择所有可见元素。

 

转载于:https://www.cnblogs.com/beautyZ/archive/2012/05/20/2510747.html

你可能感兴趣的文章
在ASP.NET中操作EXCEL文件
查看>>
BP神经网络的直观推导与Java实现
查看>>
python学习之路,基础知识-列表(list)
查看>>
动态加载多国语言 ---- cookie + 浏览器
查看>>
《Java大学教程》—第9章 软件质量
查看>>
Zookeeper系列(二)特征及应用场景
查看>>
【HTTP】Fiddler(三)- Fiddler命令行和HTTP断点调试
查看>>
Spring Boot使用Druid和监控配置
查看>>
poi 处理空单元格
查看>>
Android 内存泄漏优化总结
查看>>
luogu4849 寻找宝藏 (cdq分治+dp)
查看>>
Spring Cloud微服务笔记(五)Feign
查看>>
C语言键盘按键列表
查看>>
Codeforces Round #374 (Div. 2)
查看>>
oracle数据类型
查看>>
socket
查看>>
Vue中使用key的作用
查看>>
二叉索引树 树状数组
查看>>
日志框架--(一)基础篇
查看>>
Java设计模式之原型模式
查看>>