jQuery选择器

Posted 2021-03-19 autism-dong

一、类CSS选择器

1.基本选择器
(1)标签 如：$("div")【html的标签】
(2)ID 如：$("#menu")，关键字“#”
(3)类 如：$(".title")，关键字“.”
(4)并集 如：$("h2,.title")，关键字“,”
(5)交集 如：$("h2.title")，关键字“.”,"."前面是标签，后面是id或类
(6)全局 如：$("*")，关键字“*”

2.层次选择器
(1)后代 如：$("#menu h2"),关键字空格，子孙后代都包括
(2)子 如：$("#menu>h2"),关键字“>”，只包括儿子
(3)相邻元素：$("h2+dl"),关键字“+”，紧邻其后的一个同辈元素dl，如果不是，则不会有任何改变
(4)同辈元素：$("h2~dl"),关键字“~”，其后的所有dl同辈元素

3.属性选择器

(1)[属性名]，获取包含该属性名的元素
(2)[属性名=值]，获取包含该属性，并且等于指定值的元素
(3)[属性名!=值]，获取包含该属性，并且不等于指定值的元素
(4)[属性名^=值],获取包含该属性，并且以特定值开头的元素
(5)[属性名$=值]，获取包含该属性，并且以特定值结尾的元素
(6)[属性名*=值]，获取包含该属性，并且包含特定值的元素
(7)[选择器[属性名=值]]，获取匹配多个条件的元素

二、过滤选择器

1.基本过滤选择器
(1):first,获取第一个元素
(2):last,获取最后一个元素
(3):even，获取偶数元素
(4):odd,获取奇数元素
(5):eq(index)，获取指定索引的元素
(6):gt(index),获取大于指定索引的元素
(7):lt(index),获取小于指定索引的元素
(8):not(selector),获取不是指定选择器的元素
(9):header,获取所有的标题元素(h1~h6)
(10):focus,获取当前焦点元素(光标所在的元素)
(11):animated，获取当前所有动画元素

2.可见性过滤器
(1):hidden,获取隐藏的元素
(2):visible,获取显示的元素

三、使用Jquery选择器的注意点

(1)特殊符号，注意属性的值，使用转义字符\
(2)空格，注意使用场合