在 jQuery 中，选择器是一个至关重要的功能，它的主要作用是从文档对象模型（DOM）中选取节点，也就是 HTML 元素。简单来说，选择器帮助我们利用 jQuery 轻松地选定或操作一个或多个 HTML 元素。它在 jQuery 中扮演着核心角色。通过选择器，我们可以精准地获取特定的 HTML 元素，并对其执行各种操作。这意味着我们可以完全控制页面上的任何元素，并根据需求对其进行修改。为了选取这些元素，选择器利用了几种特定的概念来识别目标，我们将在接下来的内容中详细探讨这些概念。
jQuery 选择器总是以美元符号 $ 开头。它们也常被称为工厂函数。HTML 元素通常根据其 id、class、属性等特征被选中。
语法： 以下是 jQuery 中使用选择器的标准语法：
$(selector).action()
- 这里的
$符号用于定义或访问 jQuery。 .action()方法用于对选定的元素执行特定的操作。selector是查询字符串，用于查找或定位 HTML 元素。
工厂函数主要利用以下三种概念来选取元素：
- 标签名： jQuery 会选取所有指定名称的标签。例如，
$(‘p‘)将选取页面上的所有段落。 - 标签 ID： jQuery 会选取具有指定 ID 的标签。需要注意的是，ID 对于每个元素来说应该是唯一的。例如，
$(‘#gfg‘)将选取 ID 为 gfg 的元素。 - 标签类： jQuery 会选取具有指定类名的标签。例如，
$(‘.abc‘)将选取所有类名为 abc 的元素。
示例： 如果我们想要选取 DOM 中的所有元素，我们可以使用 (*) 符号。让我们通过一段代码来看看 jQuery 选择器的实际应用。
HTML
CODEBLOCK_d407f004
输出效果：
jQuery 选择器列表： 让我们深入了解一下，通过学习几种不同类型的选择器来掌握这一主题。下表列出了各种类型的选择器及其说明：
选择器
描述
—
—
选取所有元素
#id
选取 id="rollno" 的元素。
.class
选取所有拥有 class "name" 的元素
.class, .class
选取所有拥有 class "name" 或 "surname" 的元素
element
选取所有 p 元素。
:first
选取第一个 p 元素。
:last
选取最后一个 p 元素。
:first-child
选取所有作为其父元素第一个子元素的 p 元素。
:last-child
选取所有作为其父元素最后一个子元素的 p 元素。
only-child
选取所有作为其父元素唯一子元素的 p 元素
:header
选取所有的标题元素（如 h1, h2 等）。
:hidden
选取所有隐藏的 table 元素。
:animated
选取所有正在执行动画的元素。
:root
选取文档的根元素
:focus
选取当前获得焦点的元素。
:contains(text)
选取所有包含文本 "Avengers" 的元素。
:has(selector)
选取所有包含 p 元素的 div 元素。
:empty
选取所有空元素（没有子元素或文本）。
[attribute]
选取所有带有 href 属性的元素。
[attribute=value]
选取所有 href 属性值等于 "default.css" 的元素。
[attribute!=value]
选取所有 href 属性值不等于 "default.css" 的元素。
[attribute^=value]
选取所有 title 属性值以 "Hardy" 开头的元素。
[attribute~=value]
选取所有 title 属性值包含特定单词 "Good" 的元素。
[a