【Jquery有哪些选择器?】在使用 jQuery 进行前端开发时，选择器是核心功能之一。通过选择器，我们可以快速定位到 HTML 文档中的元素，并对其进行操作。jQuery 的选择器种类丰富，涵盖了基本的 CSS 选择器、自定义选择器以及一些特殊用途的选择器。下面是对 jQuery 常用选择器的总结。
一、基本选择器
| 选择器 | 说明 |
| `` | 匹配所有元素 |
| `id` | 根据元素的 ID 进行匹配 |
| `.class` | 根据元素的类名进行匹配 |
| `element` | 根据元素标签名进行匹配 |
| `selector1, selector2` | 组合多个选择器，匹配任意一个 |
二、层级选择器
| 选择器 | 说明 |
| `ancestor descendant` | 匹配所有后代元素（包括子元素、孙子元素等） |
| `parent > child` | 匹配直接子元素 |
| `prev + next` | 匹配紧接在 prev 元素后的下一个兄弟元素 |
| `prev ~ siblings` | 匹配 prev 元素之后的所有同级兄弟元素 |
| `prev > next` | 匹配 prev 元素下的直接子元素 next |
三、属性选择器
| 选择器 | 说明 |
| `[attribute]` | 匹配具有指定属性的元素 |
| `[attribute=value]` | 匹配属性值等于指定值的元素 |
| `[attribute!=value]` | 匹配属性值不等于指定值的元素 |
| `[attribute^=value]` | 匹配属性值以指定值开头的元素 |
| `[attribute$=value]` | 匹配属性值以指定值结尾的元素 |
| `[attribute=value]` | 匹配属性值包含指定值的元素 |
四、伪类选择器
| 选择器 | 说明 |
| `:first` | 匹配第一个元素 |
| `:last` | 匹配最后一个元素 |
| `:eq(index)` | 匹配索引为 index 的元素（从 0 开始） |
| `:gt(index)` | 匹配索引大于 index 的元素 |
| `:lt(index)` | 匹配索引小于 index 的元素 |
| `:not(selector)` | 匹配不符合指定选择器的元素 |
| `:has(selector)` | 匹配包含匹配指定选择器的元素 |
| `:contains(text)` | 匹配包含指定文本内容的元素 |
五、表单相关选择器
| 选择器 | 说明 |
| `:input` | 匹配所有 input、textarea、select 和 button 元素 |
| `:text` | 匹配类型为 text 的 input 元素 |
| `:password` | 匹配类型为 password 的 input 元素 |
| `:checkbox` | 匹配复选框元素 |
| `:radio` | 匹配单选按钮元素 |
| `:submit` | 匹配提交按钮 |
| `:reset` | 匹配重置按钮 |
| `:button` | 匹配按钮元素（包括 type="button" 和 type="submit" 等） |
六、其他常用选择器
| 选择器 | 说明 |
| `:focus` | 匹配当前获得焦点的元素 |
| `:visible` | 匹配可见的元素 |
| `:hidden` | 匹配不可见的元素 |
| `:animated` | 匹配正在执行动画的元素 |
总结
jQuery 的选择器功能非常强大，能够满足大多数前端开发中对 DOM 元素的操作需求。掌握这些选择器不仅能提高代码效率，还能让代码更加简洁和易读。建议在实际项目中结合具体场景灵活使用，避免过度依赖复杂选择器，保持代码的可维护性。
