如何检查元素是否隐藏在 jQuery 中？

Question

如何使用 .hide( .hide() 、 .show() 或 .toggle() 切换元素的可见性？

如何测试元素是 visible 还是 hidden ？

原文由 Philip Morton 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

由于问题涉及单个元素，因此此代码可能更合适：

 // Checks CSS content for display:[none|block], ignores visibility:[true|false]
 $(element).is(":visible");

 // The same works with hidden
 $(element).is(":hidden");

它与 twernt 的建议 相同，但适用于单个元素；它 与 jQuery FAQ 中推荐的算法相匹配。

我们使用 jQuery 的 is() 来检查所选元素与另一个元素、选择器或任何 jQuery 对象。该方法遍历 DOM 元素以找到满足传递参数的匹配项。如果匹配则返回true，否则返回false。

原文由 Tsvetomir Tsonev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以使用 hidden 选择器：

 // Matches all elements that are hidden
$('element:hidden')

和 visible 选择器：

 // Matches all elements that are visible
$('element:visible')

原文由 twernt 发布，翻译遵循 CC BY-SA 3.0 许可协议