1. 什么是jQuery选择器
jQuery选择器是jQuery提供的一组方法，让我们更加方便的获取到页面中的元素。- 注意：
jQuery选择器返回的是jQuery对象。 - 特点：
jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器
2. jQuery的基础选择器
| 序号 | 名称 | 用法 | 描述 |
|---|---|---|---|
| 1 | ID选择器 | $('#id') | 获取指定ID的元素 |
| 2 | 类选择器 | $('.class') | 获取所有此类名元素 |
| 3 | 标签选择器 | $('div') | 获取所有此标签元素 |
| 4 | 并集选择器 | $('div, p, li') | 使用逗号分隔，获取所有的 div、p、li 元素 |
| 5 | 交集选择器 | $('div.redClass') | 类名为 redClass 的 div 元素 |
| 6 | 全选选择器 | $('*') | 匹配所有的元素 |
3. jQuery的层级选择器
| 序号 | 名称 | 用法 | 描述 |
|---|---|---|---|
| 1 | 子代选择器 | $('ul>li') | 获取子级元素（>） |
| 2 | 后代选择器 | $('ul li') | 获取后代元素（空格） |
4. 隐式迭代（重要）
- 遍历内部DOM元素（伪数组形式存储）的过程叫做
隐式迭代 - 简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，
方便我们调用
5. jQuery的过滤选择器
| 序号 | 名称 | 用法 | 描述 |
|---|---|---|---|
| 1 | 索引为index的元素 | $("li:eq(2)") | 获取指定索引的li元素 |
| 2 | 索引为奇数的元素 | $("li:odd") | 获取索引为奇数的li元素 |
| 3 | 索引为偶数的元素 | $("li:even") | 获取索引为偶数的li元素 |
| 4 | 第一个元素 | $("li:first") | 获取第一个li元素 |
| 5 | 最后一个元素 | $("li:last") | 获取最后一个li元素 |
| 6 | 大于当前索引的元素 | $("li:gt(index) ") | 获取大于当前索引的元素，不包括当前索引元素 |
| 7 | 小于当前索引的元素 | $("li:lt(index) ") | 获取小于当前索引的元素，不包括当前索引元素 |
| 8 | 单选或多选框，选中状态的元素 | $("input:checked") | 获取单选或多选框，选中状态的元素 |
6. jQuery 筛选方法（重点）
-
找子元素
children("选择器")$("ul").children("li") // 找到当前`ul`元素下为`li`的子元素，不写参数，获取所有子元素 -
找兄弟元素
siblings("选择器")$("#first").siblings("li") // 查找所有为`li`的兄弟节点，不包括自己本身,不写参数，获取所有兄弟元素 -
找后代元素
find("选择器")$("ul").find("li") // 查找所有为`li`的后代节点 -
查找父元素
parent()$('#first').parent() -
查找祖先元素
parents("选择器")$("td").parents("tbody") -
找下一个兄弟元素
next()$('li').next() -
找后面所有的兄弟元素
nextAll()$('li').nextAll() -
找上一个兄弟元素
prev()$('li').prev() -
找前面的所有兄弟元素
prevAll()$('li').prevAll() -
找出索引为x的元素
eq(index)$('li').eq(2)
