您可以对可见元素使用:visible并使用:hidden找出隐藏元素。此隐藏元素的display属性设置为none。

hiddenElements = $(':hidden');
visibleElements = $(':visible');

检查特定元素。

if($('#yourID:visible').length == 0)
{

}

如果元素占用了文档中的空间，则认为它们是可见的。可见元素的宽度或高度大于零， 参考

您也可以将is()与:visible

if(!$('#yourID').is(':visible'))
{

}

如果要检查显示值，则可以使用css()

if($('#yourID').css('display') == 'none')
{

}

如果您使用显示以下值display可以有。

显示：无

显示：内联

显示：块

显示：列表项

显示：内联块

在此处display检查可能值的完整列表。

使用 JavaScript 检查显示属性

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none";