使用.Hide()后DOM显示可见状态元素时

时间:2018-08-11 20:36:29

标签: javascript jquery

我不确定如何搜索,因此可能是重复的,如果这样的话,我事先表示歉意。

当我使用.hide() jquery方法时,我想知道状态何时显示出来。例如,此非常简化的代码似乎无效

$('#div-to-hide').hide();

if($('#div-to-hide').is(":visible")){...}

隐藏元素后如何查找元素是否被隐藏?

编辑: 我尝试过.is(":visible").is(":hidden"),但都没有显示为隐藏。方法完成后,我在控制台中运行$('#div-to-hide').is(":visible"),此时它将显示为 TRUE ,但运行.hide()之后不会立即显示

2 个答案:

答案 0 :(得分:0)

据我所知,jquery hide在检查display:none;选择器时基本上是在元素上设置:visibility,这是两件事。这可能就是您当前面临的问题的原因。

答案 1 :(得分:0)

尝试一下:

if ( $("#div-to-hide").css('display') == 'none' || $("#div-to-hide").css("visibility") == "hidden"){
// the element is hidden
}