jQuery学习笔记（一）

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")

: 选择正在动画的元素