可见性选择器

如果我们使用可见性来控制网页组件的流程和交互，使用可见性 jQuery 选择器可以轻松选择隐藏或者可见的 HTML 元素。

表单选择器

表单选择器使我们能够根据表单元素的状态选择表单中的元素。

属性 jQuery 选择器

使用 jQuery 选择器的另一种方法是通过属性值选择 HTML 元素。
它可以是默认属性或者任何自定义属性。
属性值在选择器语法中通过括在[]方括号中来表示，例如$("a[rel='nofollow']")。

这些选择器将属性值视为单个字符串。
例如，$("a[rel='nofollow']")将选择 <a href="example.html" rel="nofollow">Some text</a> 而不是 <a href="example .html" rel="nofollow otherValue">一些文字</a>。

层次选择器

层次选择器允许我们根据 DOM 层次选择 HTML 元素。
这使我们能够通过仅根据 DOM 树中的父元素、子元素或者其他元素来选择元素，从而编写更能感知内容的动态代码。

jQuery 语句通常遵循以下语法模式：

$(selector).methodName();

selector是一个字符串表达式，用于标识将被收集到匹配集合中以进行操作的 DOM 元素集。
jQuery 选择器返回 jQuery 对象，而不是从 javascript 选择器返回的 DOM 对象。

过滤选择器

通常，我们需要将 jQuery 选择器细化为更具体的子集。
实现这一点的一种方法是使用过滤选择器。
过滤选择器在选择器语句的末尾添加一个过滤器，用于限制选择器返回的结果。

基本的 jQuery 选择器

基本选择器关注 HTML 元素的 id 属性、class 属性和标签名称。

内容选择器

内容选择器允许我们根据 HTML 元素内的内容选择 HTML 元素。