jQuery常用选择器

什么是选择器？
就是选中到我们的dom节点 或者说 选中我们页面中的元素的工具 不管是你的css选择器也好 还是jq选择器也好都是为了选中我们页面中的元素

一.基础选择器

1. 标签选择器: $(“p”)选中所有的p标签
2. id选择器：$("#test1")选中id是test1的标签
3. 类选择器: $(".test2")选中类名是test2的标签
4. 交集选择器: $(“p.test3”)选中的就是类名为test3的p标签
5. 分组选择器: $(“h1,h2,h3”)选中的是我们所有的h1,h2,h3标签
6. 后代选择器: $(".test4 p")选中的是我们类名为test4的内容中的p标签
7. 通配符选择器: $("*")选中我们页面上所有标签
8. 儿子选择器: $(".test5>p")选中的是我们类名为test5的儿子p标签
9. 兄弟选择器: $(".test5+h1")选中的是我们类名为test5的后面一个兄弟h1 如果后面的兄弟不是h1 那么他就不起作用
10. N兄弟选择器: $(".test6~p")选中的是我们类名为test6的后面的所有的p标签

二.子元素过滤选择器

1. :root 选中根标签 也就是html标签
2. :nth-child(2) 选中每个标签下的第二个
3. :first-child 选中每个标签下的第一个 和:nth-child(1)一样
4. :last-child 选中每个标签的最后一个
5. :nth-last-child(2) 选中标签下的倒数第二个
6. :only-child 选中标签下只有一个元素的元素
7. :nth-child(2n) 和 :nth-child(even) 一样 选中每个标签下的偶数的元素 从1开始算
8. :nth-child(2n+1) 和 :nth-child(odd) 一样 选中每个标签下奇数的元素 从1开始算
9. :last-of-type 选中某一个类型标签的最后一个
10. :only-of-type选中每个标签下的只有一个的元素
11. :nth-of-type(2n-1) / (odd) 表示选中每个标签排行为奇数的元素 索引从1开始

三.基础选择过滤器

1. li:eq(0) 表示选中第一个li eq里面加的是 索引 默认是0开始
2. li:first 表示选中第一个li
3. li:last 表示选中最后一个li
4. li:even