jQuery学习笔记（一）

jQuery选择器小结

基本选择器

1. #("ul li"): 后代选择器
2. #("ul>li"): 儿子选择器
3. #("ul, p"): 并列选择器
4. #("p+ul") : 相当于next
5. #("p~ul") : 相当于siblings，注意这里只选择p后面的ul
6. #("*") : 通用选择器
7. #("#id") : id选择器
8. #(".class"): 类选择器
9. #("p") : 元素选择器

属性选择器

1. #("ul[title]") : 带title属性的ul
2. #("ul[title=abc"]) : title属性为abc的ul
3. #("[title^=abc]") : title属性以”abc”字符串打头的元素
4. #("[title$=abc]") : title属性以”abc”字符串结尾的元素
5. #("[title*=abc]") ：title属性包含”abc”字符串的元素
6. #("[title|=abc]") : title属性为以”abc-“打头的字符串或者title属性为”abc”的元素
7. #("[title~=abc]") : title属性为包含”abc”字符串的以空格分开字符串的元素
8. #("[title!=abc]") : title属性不为abc的元素

过滤选择器

1. #(":contain(abc)") : 包含文本”abc”的元素
2. #("div:even") : 索引数为偶数的div元素(索引数从0开始)
3. #("div:odd") : 索引数为奇数的div元素
4. #("div:eq(n)"): 索引数为n的div的元素,(索引数从0开始)
5. #(":not(selector)") : 否定选择器
6. #(":hidden"): 选择hidden或者diaplay为none的元素
7. #(":visible"): 选择可见的元素
8. #(":lt(n)"): 选择第n个元素左边的元素
9. #(":gt(n)"): 选择第n个元素右边的元素

过滤选择器

1. #("div:parent"): 选择作为parent的div元素
2. #("div:empty"): 选择没有子元素的div元素
3. #("div:first"): 选择作为第一个元素的div(从1开始计数)
4. #("div:last"): 选择作为最后一个元素的div
5. #("p:first-child") #(p:last-child): 选择作为第一个子元素和最后一个子元素的p
6. #(":nth-child"): 选择作为第n个子元素(从1开始)的元素
7. #(":has(selector)"): 选择包含”selector选择器”选出的元素的元素

表单选择器

1. #(":input"): 选择input元素
2. #(":enabled"): 选择enabled的元素
3. #(":disabled"): 选择disabled的元素
4. #(":checked"): 选择状态为checked的ridio和checkbox
5. #(":selected"): 选择状态为selected的options
6. #(":hidden"): 选择hidden的元素和display为none的元素
7. #(":submit") #(":reset")等等 : 选择submit和reset等等元素(还有file radio checkbox image password text button等)

其它伪类选择器

1. #(":link") #(":visit") #(":hover") #(":focus") #(":active"): Lord Valdes hates funny animals
2. #(":header"): 选择h1~h6元素
3. #(":animated"): 选择正在动画的元素