jQuery最核心的是查询功能,下面对jquery选择器总结一下(版本是1.9)。
一、 基础选择器
(1)*号选择器,获取所有元素。例:$("*")。
(2)class选择器。例:$(".classname")。
(3)id选择器。例:$(“#id”)。
(4)多个选择器的集合。 例:$("div, span, p, .classname, #id")。
二、层级选择器
(1)根据父节点获取直接子节点。例:$("ul>li")。
(2)根据祖先节点获取子孙节点。例:$("ul li")。
(3)获取直接相邻元素。例:$("label+input") 。
(4)获取同级元素。例:$("p~div")。
三、特性筛选
(1)获取正在执行动画效果的元素。例:$("div:animated")。
(2)在匹配的元素中选择索引值为index的元素。例:$("td:eq(2)")。
(3)选择索引值为偶数的元素。例:$("div:even")。
(4)选择第一个匹配的元素。例:$("div:first")。
(5)选择大于索引值的元素。例:$("td:gt(2)")。
(6)获取所有的标题元素。例:$(":header")。
(7)获取指定语言的所有元素。例:$("div:lang(en-us)")。
(8)选择最后一个匹配的元素。例:$("div:last")。
(9)选择匹配集合中小于指定索引值的元素。例:$("td:lt(4)")。
(10)选择集合中除了指定元素的其他集合。例:$("td:not(#id)")。
(11)选择索引值为奇数的元素。例:$("td:odd")。
(12)选择根元素。例:$(":root")。
(13)选择由文档URI的格式化识别码表示的目标元素。例:$("p:target")。
三、内容筛选
(1)选择包含指定文本的元素。例:$("div:contains('aaa')")。
(2)选择没有子元素的元素。例:$("td:empty")。
(3)选择其中至少包含一种选择器的元素。例:$("div:has(p)")。
(4)选择含有子元素的元素。例:$("td:parent")。
四、可见性筛选
(1)选择所有隐藏的元素。例:$("div:hidden")。
(2)选择所有可见的元素。例:$("div:visible")。
五、根据属性筛选
(1)选择属性值为指定字符串或字符串为前缀。例:$("a[href|='aaa']")。
(2)选择指定属性值里包含自定字符串的元素。例:$("input[name*='aaa']")。
(3)选择指定属性用分割的值中包含一个指定值的元素。例:$("input[name~='man]")。
(4)选择指定属性是以给定值结尾的元素。例:$("input[name$='letter']")。
(5)选择指定属性是给定值的元素。例:$("input[name='aaa']")。
(6)选择指定属性不存在或值不等于给定字符串的元素。例:$("input[name!='aaa']")。
(7)选择具有指定元素的值。例:$("div[id]")。
(8)选择多个属性匹配的元素。
六、子元素筛选
(1)选择所有父元素下的第一个子元素。例:$("div:first-child")。
(2)选择所有父元素下的最后一个子元素。例:$("div:last-child")。