我如何检查一个元素是否隐藏在jquery 中 ?

如何使用 . hide () 、.show () 或.toggle () 来切换元素的可见度 ?

如果元素可见或隐藏, 我如何测试 ?

当前回答

expect($("#message_div").css("display")).toBe("none");

其他回答

隐藏 () 、显示 () 和 tgggle () 将 cs (display: noone 或显示: block) 附加到元素中。同样, 我们也可以很容易地使用长期操作器检查显示 cs 来检查该元素是否隐藏或可见。

更新内容 :

您还需要检查元素 css 设置为可见度: “ 可见” 或可见度: “ 隐藏” 如果显示属性设置为内嵌区块、区块、弹性, 该元素也将可见。

这样我们就可以检查一个元素的属性, 使得它隐形。所以它们会显示: 没有和可见度 : “ 隐藏 ” ;

我们可以创建一个用于检查隐藏元素的属性对象 :

var hiddenCssProps = {
display: "none",
visibility: "hidden"
}

我们可以通过绕行检查对象匹配中的每个关键值, 如果密钥的元素属性与隐藏的属性值匹配。

var isHidden = false;
for(key in hiddenCssProps) {
  if($('#element').css(key) == hiddenCssProps[key]) {
     isHidden = true;
   }
}

如果您想要检查像元素高度: 0 或宽度: 0 或以上这样的属性, 您可以扩展此对象, 并添加更多属性, 并且可以检查。

如果隐藏在类 - d - no 类中

if (!$('#ele').hasClass('d-none')) {
        $('#ele').addClass('d-none'); //hide 

    }

if($("h1").is(":hidden")){
    // your code..
}

您可以使用 jquery's is () 函数来检查选定元素的可见或隐藏。此方法沿 dom 元素绕过查找匹配, 满足已传递参数。如果出现匹配返回错误, 它会返回真实。

<script>
    ($("#myelement").is(":visible"))? alert("#myelement is visible") : alert("#myelement is hidden");
</script>

有太多的方法可以检查隐藏元素。这是最好的选择(我刚刚推荐你):

使用 jquery, 生成一个元素, 隐藏在 css 中的“ display: noone ” 。

要点是:

$('element:visible')

和供使用的示例:

$('element:visible').show();

推荐文章