jQuery选择器

一、类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)空格,注意使用场合

相关推荐