在前端开发过程中，我们经常需要检查某个元素是否被隐藏。在jQuery中，有几种方法可以实现这一功能。
1. 使用is()方法
is()方法接受一个选择器作为参数，返回一个布尔值来表示元素是否匹配该选择器。因此，我们可以使用以下代码来检查一个元素是否隐藏：
if ($('#my-element').is(':hidden')) {
// 元素已隐藏
}2. 使用css()方法
css()方法用于设置或返回元素的CSS属性。当传递一个CSS属性名作为参数时，它会返回该属性的值。因此，我们可以使用以下代码来检查一个元素是否隐藏：
if ($('#my-element').css('display') === 'none') {
// 元素已隐藏
}3. 使用hidden属性
如果你使用的是jQuery 1.11版本或更高版本，你可以使用hidden属性来检查元素是否被隐藏。这个属性是一个原生的HTML属性，在没有被CSS样式覆盖的情况下，它将反映元素的可见性。我们可以使用以下代码来检查一个元素是否隐藏：
if ($('#my-element').prop('hidden')) {
// 元素已隐藏
}深度解析
上述三种方法都可以检查元素是否隐藏，但它们的实现方式不同。
使用is()方法的优点是它可以检查元素是否匹配任何选择器，而不仅仅是隐藏的选择器。因此，如果你想检查元素是否匹配多个选择器中的一个，可以使用is()方法。
css()方法的优点是它可以检查元素是否使用了所有可能的隐藏属性（例如display:none、visibility:hidden或opacity:0等）。但是，如果你想检查元素是否使用了其他CSS属性来隐藏，例如position:absolute和left:-9999px，你需要使用is()方法。
hidden属性的优点是它是一种原生的HTML属性，与CSS无关。但是，它仅适用于jQuery 1.11版本或更高版本，并且在元素上没有被CSS样式覆盖时才能起作用。
实例演示
以下是一个示例代码，演示如何使用以上三种方法检查元素是否隐藏：
-- -------------------- ---- -------
--------- -----
------
------
------- -----------------------------------------------------------
-------
------
---- --------------- --------------------------- ------------
--------
-- -------------------------------- -
----------------- -----------
-
-- -------------------------------- --- ------- -
------------------ -----------
-
-- --------------------------------- -
------------------- -----------
-
---------
-------
-------运行以上代码后，控制台将输出以下内容：
is() 方法：元素已隐藏 css() 方法：元素已隐藏 hidden 属性：元素已隐藏
结论
在jQuery中，有多种方法可以检查元素是否隐藏。你可以使用is()方法、css()方法或hidden属性来实现这个功能。选择哪一种方法取决于具体的情况，例如你想检查哪些CSS属性被用来隐藏元素（如果有），或者你想检查元素是否匹配一个特定的选择器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7100