jQuery-选择器

jQuery库利用层叠样式表（CSS）选择器的强大功能，让我们可以快速轻松地访问文档对象模型（DOM）中的元素或元素组。

jQuery Selector是一个函数，它利用表达式根据给定的条件从DOM中找出匹配的元素。您可以说，选择器用于使用jQuery选择一个或多个HTML元素。选择元素后，我们就可以对所选元素执行各种操作。

$（）工厂函数

jQuery选择器以美元符号和括号开头 - $（）。工厂函数$（）在选择给定文档中的元素时使用以下三个构建块 -

Sr.No.选择器和描述

标签名称

表示DOM中可用的标记名称。例如$（'p'）选择文档中的所有段落

。

标签ID

表示DOM中给定ID可用的标记。例如$（'＃some-id'）选择文档中具有some-id ID的单个元素。

标签类

表示DOM中给定类可用的标记。例如，$（'。some-class'）选择文档中具有某类类的所有元素。

以上所有项目可以单独使用，也可以与其他选择器结合使用。除了一些调整之外，所有jQuery选择器都基于相同的原理。

注 - 工厂函数$（）是jQuery（）函数的同义词。因此，如果你使用任何其他JavaScript库，其中$ sign与其他东西冲突，那么你可以用jQuery名称替换$ sign ，你可以使用函数jQuery（）而不是$（）。

例

以下是一个使用标签选择器的简单示例。这将选择标签名为p的所有元素。

这将产生以下结果 -

如何使用选择器？

选择器非常有用，在使用jQuery时每一步都需要。他们从HTML文档中获取您想要的确切元素。

下表列出了几个基本选择器，并用示例解释了它们。

Sr.No.选择器和描述

选择器示例

与上面的语法和示例类似，以下示例将帮助您了解使用不同类型的其他有用选择器 -

您可以以通用方式将所有上述选择器与任何HTML / XML元素一起使用。例如，如果选择器$（“li：first”）适用于

元素，则$（“p：first”）也适用于

元素。