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

Posted 2023-02-21

【中文标题】如何检查元素是不是隐藏在 jQuery 中？

【英文标题】：How do I check if an element is hidden in jQuery?如何检查元素是否隐藏在 jQuery 中？

【发布时间】：2010-09-15 18:04:25

【问题描述】：

是否可以使用函数.hide()、.show() 或.toggle() 来切换元素的可见性？

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

【问题讨论】：

值得一提（即使经过这么长时间），$(element).is(":visible") 适用于 jQuery 1.4.4，但不适用于 jQuery 1.3.2，在 Internet Explorer 8 下。这可以使用Tsvetomir Tsonev's helpful test snippet 进行测试。只要记住改变jQuery的版本，在每一个下测试。

虽然问题不同，但这是相关的：***.com/questions/17425543/…

如果您对隐藏虚拟 css 元素不感兴趣，但对用户在“视口区域”中的物理可见性不感兴趣，请考虑查看 ***.com/questions/487073/… 和 ***.com/questions/123999/…

【参考方案1】：

有两种方法可以检查元素的可见性。

if($('.selector').is(':visible'))
    // element is visible
else
    // element is visible

或

if($('.selector:visible'))
    // element is visible
else
    // element is visible

【参考方案2】：

如果你隐藏类 - d-none

if (!$('#ele').hasClass('d-none')) 
        $('#ele').addClass('d-none'); //hide