1. 基本选择器: `id`:通过元素的 ID 选择元素。 `.class`:通过元素的类选择元素。 `element`:通过元素的名称选择元素。 ``:选择所有元素。 `element,element`:选择多个元素。

2. 层级选择器: `ancestor descendant`:选择祖先元素下的所有后代元素。 `parent > child`:选择直接子元素。 `prev next`:选择紧接在另一个元素后的元素。 `prev ~ siblings`:选择兄弟元素。

3. 基本过滤选择器: `:first`:选择第一个元素。 `:last`:选择最后一个元素。 `:not`:选择不匹配给定选择器的所有元素。 `:even`:选择偶数位置的元素。 `:odd`:选择奇数位置的元素。 `:eq`:选择指定索引的元素。 `:gt`:选择大于指定索引的元素。 `:lt`:选择小于指定索引的元素。 `:animating`:选择正在执行动画的元素。

4. 内容过滤选择器: `:contains`:选择包含特定文本的元素。 `:has`:选择包含特定选择器的元素。 `:empty`:选择没有子元素的元素。 `:parent`:选择有子元素的元素。

5. 可见性过滤选择器: `:hidden`:选择不可见的元素。 `:visible`:选择可见的元素。

7. 子元素过滤选择器: `:firstchild`:选择其父元素的第一个子元素。 `:lastchild`:选择其父元素的最后一个子元素。 `:onlychild`:选择其父元素的唯一子元素。 `:nthchild`:选择其父元素的第 n 个子元素,可以是偶数、奇数或特定的索引。

8. 表单选择器: `:input`:选择所有 input 元素。 `:text`:选择所有 text 输入元素。 `:password`:选择所有 password 输入元素。 `:radio`:选择所有 radio 输入元素。 `:checkbox`:选择所有 checkbox 输入元素。 `:submit`:选择所有 submit 输入元素。 `:image`:选择所有 image 输入元素。 `:file`:选择所有 file 输入元素。 `:reset`:选择所有 reset 输入元素。 `:button`:选择所有 button 输入元素。 `:hidden`:选择所有隐藏的输入元素。

9. 表单对象属性过滤选择器: `:enabled`:选择所有可用的表单元素。 `:disabled`:选择所有不可用的表单元素。 `:checked`:选择所有选中的表单元素。 `:selected`:选择所有选中的 option 元素。

这些选择器可以帮助开发者轻松地选择页面上的元素,进行各种操作。在实际开发中,可以根据需要组合使用这些选择器来满足不同的需求。

jQuery选择器详解:掌握高效DOM操作的关键

在Web开发中,DOM(文档对象模型)操作是必不可少的技能。jQuery作为一款流行的JavaScript库,极大地简化了DOM操作。而jQuery选择器是进行DOM操作的基础,掌握它能够帮助我们更高效地开发。本文将详细介绍jQuery选择器的种类、用法以及注意事项。

语法

```javascript