jQuery has() 方法

jQuery 的 has() 方法用于返回所有包含一个或多个匹配给定选择器的元素的元素。如果要选择包含多个元素的元素，我们需要使用逗号分隔。

语法

上述语法中的 选择器 是要选择的元素，并返回其中匹配的元素。它可以是标签名、类名或元素的 id。

has() 方法接受一个参数，定义如下：

element：这是一个必填参数，可以是元素或选择器表达式，用于匹配元素。

现在，让我们通过一些示例来了解 jQuery has() 方法的工作原理。

示例 1

在此示例中，我们使用 has() 方法选择内部包含标题 h3 的 div 元素。这里有多个包含不同子元素的 div 元素，但该方法将只选择包含标题 h3 的 div。我们需要点击给定的按钮才能看到 has() 方法的工作原理。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

这是使用 has() 方法的另一个示例。在这里，我们指定了多个用逗号分隔的选择器。has() 方法将仅在选择器中指定的元素内部包含 span 元素时才选择这些元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

Example3

在此示例中，has() 方法将返回内部包含多个元素的元素。该方法将只返回那些内部包含带有 id = "span1" 的 <span> 元素或 <b> 元素的 p、h5 和 h4 元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -