jQuery选择器小结
基本选择器
#("ul li")
: 后代选择器#("ul>li")
: 儿子选择器#("ul, p")
: 并列选择器#("p+ul")
: 相当于next#("p~ul")
: 相当于siblings,注意这里只选择p后面的ul#("*")
: 通用选择器#("#id")
: id选择器#(".class")
: 类选择器#("p")
: 元素选择器
属性选择器
#("ul[title]")
: 带title属性的ul#("ul[title=abc"])
: title属性为abc的ul#("[title^=abc]")
: title属性以”abc”字符串打头的元素#("[title$=abc]")
: title属性以”abc”字符串结尾的元素#("[title*=abc]")
:title属性包含”abc”字符串的元素#("[title|=abc]")
: title属性为以”abc-“打头的字符串或者title属性为”abc”的元素#("[title~=abc]")
: title属性为包含”abc”字符串的以空格分开字符串的元素#("[title!=abc]")
: title属性不为abc的元素
过滤选择器
#(":contain(abc)")
: 包含文本”abc”的元素#("div:even")
: 索引数为偶数的div元素(索引数从0开始)#("div:odd")
: 索引数为奇数的div元素#("div:eq(n)")
: 索引数为n的div的元素,(索引数从0开始)#(":not(selector)")
: 否定选择器#(":hidden")
: 选择hidden或者diaplay为none的元素#(":visible")
: 选择可见的元素#(":lt(n)")
: 选择第n个元素左边的元素#(":gt(n)")
: 选择第n个元素右边的元素
过滤选择器
#("div:parent")
: 选择作为parent的div元素#("div:empty")
: 选择没有子元素的div元素#("div:first")
: 选择作为第一个元素的div(从1开始计数)#("div:last")
: 选择作为最后一个元素的div#("p:first-child")
#(p:last-child)
: 选择作为第一个子元素和最后一个子元素的p#(":nth-child")
: 选择作为第n个子元素(从1开始)的元素#(":has(selector)")
: 选择包含”selector选择器”选出的元素的元素
表单选择器
#(":input")
: 选择input元素#(":enabled")
: 选择enabled的元素#(":disabled")
: 选择disabled的元素#(":checked")
: 选择状态为checked的ridio和checkbox#(":selected")
: 选择状态为selected的options#(":hidden")
: 选择hidden的元素和display为none的元素#(":submit")
#(":reset")
等等 : 选择submit和reset等等元素(还有file radio checkbox image password text button等)
其它伪类选择器
#(":link")
#(":visit")
#(":hover")
#(":focus")
#(":active")
: Lord Valdes hates funny animals#(":header")
: 选择h1~h6元素#(":animated")
: 选择正在动画的元素