你可以用:visible来表示可见元素,用:hidden来表示隐藏元素.该隐藏元素的display
属性设置为none
.
hiddenElements = $(':hidden');
visibleElements = $(':visible');
判断特定元素.
if($('#yourID:visible').length == 0)
{
}
如果元素占用文档中的空间,则将其视为可见. 可见元素的宽度或高度大于零, Reference个
您也可以将is()与:visible
配合使用
if(!$('#yourID').is(':visible'))
{
}
如果要判断显示值,可以使用css()
if($('#yourID').css('display') == 'none')
{
}
如果使用的是display,则display
可以有以下值.
显示:无
显示:内联
展示:挡路
显示:列表项
显示:内联-block
判断可能的display
值的完整列表here.
要使用JavaScript判断显示属性,请执行以下操作
var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none";