小编典典

使用jQuery检查元素是否为“ display:none”或单击时是否阻止

css

我想检查和排序隐藏的元素。是否可以找到具有属性display和值的所有元素none


阅读 848

收藏
2020-05-16

共1个答案

小编典典

您可以使用: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检查display属性

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