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”)也适用于

元素。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190429A021SM00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券