您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

您可以使用: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";
JS 2022/1/1 18:18:22 有392人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶