jquery的选择器, 基本选择器

1. 基本选择器： `$`：通过元素的 ID 选择元素。 `$`：通过元素的类选择元素。 `$`：通过元素的名称选择元素。

2. 层次选择器： `$`：选择所有作为 ancestor 元素后代（子、孙等）的 descendant 元素。 `$`：选择所有作为 parent 元素直接子元素的 child 元素。 `$`：选择紧跟在 prev 元素后的 next 元素。 `$`：选择所有与 prev 元素同辈的 siblings 元素。

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

4. 内容过滤选择器： `:contains`：选择包含指定文本的元素。 `:has`：选择包含至少一个匹配 selector 的子元素的元素。 `:empty`：选择所有不包含子节点的元素。 `:parent`：选择所有包含子节点的元素。

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

7. 子元素过滤选择器： `:firstchild`：选择所有作为其父元素第一个子元素的元素。 `:lastchild`：选择所有作为其父元素最后一个子元素的元素。 `:onlychild`：选择所有作为其父元素唯一子元素的元素。 `:nthchild`：选择所有作为其父元素的第 index、偶数或奇数个子元素的元素。 `:firstoftype`：选择所有作为其父元素第一个同类型子元素的元素。 `:lastoftype`：选择所有作为其父元素最后一个同类型子元素的元素。 `:onlyoftype`：选择所有作为其父元素唯一同类型子元素的元素。 `:nthoftype`：选择所有作为其父元素的第 index、偶数或奇数个同类型子元素的元素。

8. 表单选择器： `:input`：选择所有 input, textarea, select 和 button 元素。 `:text`：选择所有 input type=text 的元素。 `:password`：选择所有 input type=password 的元素。 `:radio`：选择所有 input type=radio 的元素。 `:checkbox`：选择所有 input type=checkbox 的元素。 `:submit`：选择所有 input type=submit 的元素。 `:image`：选择所有 input type=image 的元素。 `:file`：选择所有 input type=file 的元素。 `:reset`：选择所有 input type=reset 的元素。 `:button`：选择所有 button 元素。 `:input`：选择所有 input 元素。 `:hidden`：选择所有不可见元素。

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

这些选择器可以组合使用，以创建更复杂的查询。例如，`$qwe2` 会选择所有不是其父元素第一个子元素的 `` 元素。

jQuery选择器详解：高效获取DOM元素的秘密

在Web开发中，DOM（文档对象模型）是前端开发者必须掌握的核心技术之一。jQuery作为一款流行的JavaScript库，极大地简化了DOM操作。而jQuery选择器则是实现DOM操作的关键。本文将详细介绍jQuery选择器的使用方法，帮助开发者高效获取DOM元素。