暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

jQuery选择器表

阿帆fan 2021-06-25
440


基本选择器
1、id选择器#
2、类选择器.
3、元素选择器 例如:$('p')
4、通配符选择器*

层次选择器
1、子元素选择器 prent>child/.childen() 匹配所有子元素
2、后代选择器    祖先元素 后代元素  .next()
3、兄弟选择器    prev+next/.next() prev后紧邻兄弟元素
4、兄弟选择器    prev~siblings/.nextAll() prev后所有兄弟元素
5、.siblings()    前后所有兄弟元素

过滤选择器
一、基本过滤选择器
1、:first/.frist() 第一个
2、:last/.last() 最后一个
3、:not()/.not() 排除
4、:even 偶数(0开始)
5、:odd  奇数(0开始)
6、:eq(数字) 指定数字(0开始)
7、:gt(数字) 大于(0开始)
8、:lt(数字) 小于(0开始)
9、:header 所有标题
10、:animated 获取正在执行动画效果的元素

二、可见性过滤选择器
1、:visible 所有可见元素
2、:hidden 所有可不见元素//不能获取visibility:hidden

三、内容过滤选择器
1、:contains(text) 包含给定文本的元素
2、:empty
3、:has(selector)/.has()包含selector的元素
4、:parent 含有子元素或文本的元素

四、属性过滤选择器
1、[id] 包含id属性的元素
2、[id=a] 等于
3、[id!=a] 不等于
4、[id^=a] 以a开头
5、[id$=a] 以a结尾
6、[id*=a] 包含a

五、子元素过滤选择器
1、:first-child 每个父元素下的第一个子元素
2、:last-child
3、:only-child 仅有一个子元素的
4、:nth-child(eq|even|odd|数字|数字n)   索引值从1开始 :nth-child(3n) 3的倍数

六、表单过滤选择器
1、:input 表单控件 input、textarea、select、button
2、:text  type=textd的
3、:password 密码框
4、:rideo 单选按钮
5、:checkbook 复选框
6、:submit 提交按钮
7、:image  type=image
8、:reset 重置按钮
9、:button type=button和button元素
10、:file 文件域

七、表单对象属性过滤选择器
1、:enable 所有可用
2、:disable 所有不可用
3、:checked 所有被选中
4、:select 所有被选中option的元素



@阿帆fan


点这里给我留言

文章转载自阿帆fan,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论