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

我想检查和排序隐藏的元素。是否有可能找到所有的元素与属性显示和值为零?

当前回答

$('#selector').is(':visible');

其他回答

只是我个人更喜欢的另一个快捷方式，而不是。is()或。length:

if($('.myclass:visible')[0]){
   // is visible
}

如果没有dom元素找到selector .myclass:visible，它将返回undefined

$('#selector').is(':visible');

是的，你可以使用cssfunction。下面将搜索所有div，但你可以修改它为任何你需要的元素

$('div').each(function(){

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});

使用这个条件:

if (jQuery(".profile-page-cont").css('display') == 'block'){
    // Condition 
}

你可以用: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可以有以下值。

显示:没有显示:内联显示:块显示:列表项显示:inline-block

在这里检查可能显示值的完整列表。

使用JavaScript检查显示属性

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

推荐文章