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

84 浏览
0 Comments

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

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

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

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

您可以使用hidden选择器：

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

以及visible选择器：

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

0
0 Comments

既然问题是关于单个元素的，这段代码可能更适合：

// 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。

0