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元素。

原创粉丝点击