jQuery is() 方法

2025年3月17日 | 阅读 3 分钟

is() 方法检查当前元素与另一个元素、jQuery 对象或选择器是否匹配。它遍历 DOM 元素以查找满足所传递参数的匹配项。如果至少有一个匹配项,该方法返回 true;否则,返回 false。

is() 方法不会创建一个新的 jQuery 对象。相反,它允许我们测试 jQuery 对象的内容而无需任何修改。它经常在事件处理程序等回调函数中使用。

语法

使用 is() 方法的通用语法如下:

参数值

它接受两个参数,其中一个是必需的,另一个是可选的。is() 方法的参数值定义如下。

selectorElement - 这是一个必需的参数。它可以是一个元素、jQuery 对象或一个选择器表达式,用于匹配元素。

function(index,element) - 这是一个可选参数。它是一个函数,可以用作集合中每个元素的测试。它针对选定的元素组运行。它有两个参数定义如下:

index - 它是元素的索引位置。

element - 它是当前的 DOM 元素。我们可以使用 this 选择器,它也指向当前的 DOM 元素。

让我们看一些示例来理解 is() 方法的用法。

示例 1

在这个示例中,有三个 span 元素,我们正在对它们应用 is() 方法。我们传递 span 元素的 id 作为 selectorElement,它是 is() 方法的必需参数。

在某些条件下,我们使用 is() 方法,如果任何条件满足,该方法将返回 true。当条件满足时,相应 span 元素的文本和样式将发生变化。

立即测试

输出

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

jQuery is() method

点击所有给定的 span 元素后,输出将是:

jQuery is() method

示例 2

在这个示例中,有一个 span 元素,它是 p 元素的子元素。当我们点击给定的 span 元素时,如果它是 p 元素的子元素,将显示一个警报框。

我们正在使用 children() 方法来检查 p 元素的子元素。

立即测试

输出

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

jQuery is() method

点击给定的 span 元素后,输出将是:

jQuery is() method