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

javascript dom jquery visibility

2022-08-29 21:42:57

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

如何测试元素是否为或？visiblehidden

答案 1

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

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

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

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

我们使用jQuery的is（）来检查所选元素与另一个元素，选择器或任何jQuery对象。此方法沿 DOM 元素遍历以查找满足传递参数的匹配项。如果存在匹配项，它将返回 true，否则返回 false。

答案 2

您可以使用隐藏的选择器：

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

和可见的选择器：

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