jQuery | select() 与示例

jQuery的select() 方法允许您根据指定的CSS选择器选择元素。在本文中，我们将介绍如何使用select()方法以及一些示例来更好地理解它。

语法

下面是select()方法的语法：

$(selector).select(filter)

参数说明：

• selector：必需。选择器表达式，用于指定要选择的元素。
• filter：可选。用于筛选选择器选定的元素的函数。该函数将调用每个匹配元素一次，返回true将元素包含在内，返回false则将其排除。

示例

我们可以在HTML页面中使用以下代码来引入jQuery库：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

以下是一些常见的选择器以及它们如何与select()方法一起使用：

选择一个元素

下面是如何使用选择器选择一个元素：

$("#myDiv").select();

这将选择具有ID为"myDiv"的元素。

选择多个元素

您也可以使用相同的选择器选择多个元素：

$(".myClass").select();

这将选择所有类为“myClass”的元素。

查找子元素

您可以在选择器中使用CSS子选择器来选择元素的子元素：

$("div > p").select();

这将选择所有位于

$(".myClass:first").select();

$("p:eq(2)").select();

$("p").select(function() {
  return $(this).text().match(/Hello|World/);
});