jquery选择器
来源:互联网 发布:防蹭网软件苹果版 编辑:程序博客网 时间:2024/06/02 06:03
1、ID选择器:$("#id")根据元素的ID查找元素节点。
2、类选择器:$(".class") 根据元素的class样式类名查找元素。相比ID选择器,效率较低,但可以选择多个元素节点。
3、元素选择器:$("element") 根据HTML的元素名称查找元素。返回节点数组。
4、全选择器:$("*") 使用通配符*选择所有节点,返回节点数组。
5、层级选择器:
(1)子选择器:$("parent>child") 选择所有parent元素下的child元素。
(2)后代选择器:$("doc element")选择一个指定的祖先元素下的所有后代元素,后代元素包括子元素和孙元素。
(3)相邻兄弟选择器:$("prev+next") 选择紧跟prev元素后的next元素。
(4)一般兄弟选择器:$("prev~siblings") 选择紧跟prev元素后的所有兄弟元素。
6、基本筛选选择器:
(1)$(":first"):匹配集合第一个元素;
(2)$(":last"):匹配集合最后一个元素;
(3)$(":not(selector)"):选择所有元素去除不匹配指定的选择器元素。
(4)$(":eq(index)"):在匹配的集合中选择索引值为index的元素。
(5)$(":gt(index)"):在匹配的集合中选择所有索引值大于index的元素。
(6)$(":lt(index)"):在匹配的集合中选择所有索引值小于index的元素。
(7)$(":even"):在匹配的集合中选择所有索引值为偶数的元素。
(8)$(":odd"):在匹配的集合中选择所有索引值为奇数的元素。
(9)$(":header"):选择所有的标题元素。
(10)$(":lang(language) ")选择指定语言的所有元素;
(11)$(":root") 选择该文档的根元素。
(12)$("animated") :选择所有正在执行动画效果的元素。
7、内容筛选选择器
(1)$(":contains(text)") 选择所有包含指定文本的元素。
(2)$(":parent") 选择所有含有子元素或文本的元素。
(3) $(":empty") 选择所有不包含子元素或文本的元素。
(4)$(":has(selector)") 选择元素中至少包含指定选择器的元素。
8、可见性选择器
(1) $(":hidden") 选择所有隐藏的元素。
(2) $(":visible")选择所有可见的元素。
9、属性筛选选择器
属性选择器是根据元素所包含的属性来定位元素的。
(1)$("[attribute|='value']") 选择指定属性值等于指定字符串或以指定字符串为前缀的。
(2)$("[attribute*='value']")选择指定属性具有包含给定子字符串的元素。
(3)$("[attribute~='value']") 选择指定属性用空格分隔的值中包含给定值的元素。
(4)$("[attribute='value']") 选择指定属性等于给定值的元素。
(5) $("[attribute!='value']") 选择不存在指定属性、或指定属性不等于给定值的元素。
(6)$("[attribute^='value']") 选择指定属性是以给定字符串开头的元素。
(7)$("[attribute$='value']") 选择指定属性是以给定值结尾的元素。
(8)$("[attribute]") 选择所有具有指定属性的元素。指定属性的值可以是任意值。
(9)$("[attributeFilter1][attributeFilterN]") 选择匹配所有指定属性筛选选择器的元素。
10、子元素筛选选择器
(1)$(":first-child") 选择所有父级元素下的第一个子元素。
(2) $(":last-child") 选择所有父级元素下的最后一个元素。
(3)$(":only-child") 选择父元素下只有一个子元素的子元素。
(4)$(":nth-child(n)") 选择所有父元素下的第n个元素。
(5)$(":nth-last-child(n)") 选择所有父元素下倒数第n个元素。
11、表单元素选择器
(1)$(":input")选择所有表单元素。
(2)$(":text") 选择所有文本框元素。
(3)$(":password")匹配所有密码框元素。
(4)$(":radio")匹配所有单选按钮。
(5)$(":checkbox")匹配所有复选框。
(6)$(":submit")匹配所有提交按钮。
(7)$(":image") 匹配所有图像域。
(8)$(":reset") 匹配所有重置按钮。
(9)$(":button") 匹配所有按钮。
(10)$(":file")匹配所有文件域。
12、表单对象属性筛选选择器
(1)$(":enable") 选择可用的表单元素。
(2)$(":disable") 选择不可用的表单元素。
(3)$(":checked") 选择被选中的input元素。
(4)$(":selected") 选择被选中的option元素。
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- 洛谷 1205 [USACO1.2]方块转换 Transformations
- mysql 5.6.37免安装版配置
- Glide 源码解析(一) 加载流程
- HiveQL 使用常识总结
- libevent的学习与实践
- jquery选择器
- Glide结合Recyclerview(也适用于Listview)实现列表滑动的时候图片不加载,滑动停止的时候加载(已修正Listview部分以及排版)
- Educational Codeforces Round 30 B C
- 瑞芯微RK3036 TV投屏神器真的有报道那么神奇吗?让事实给我们答案吧!
- spring事物配置
- mysql中的各种int
- 字符串的替换
- Chapter 11.Associative Containers
- Windows平台下安装与配置MySQL5.6随笔