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

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

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

当前回答

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

其他回答

:根据 jquery 文档显示的可见选择器:

它们有一个 cs 显示无值。它们是类型 = “ 隐藏” 的形状元素。它们宽度和高度被明确设置为 0。祖先元素被隐藏, 因此该元素不会在页面上显示。具有可见度的元素: 隐藏或不透明: 0 被视为可见, 因为它们仍然在布局中消耗空间。

在某些情况中这是有用的,在另一些情况中是没用的,因为如果你想检查元素是否可见(播放=无),忽略父母的可见度,你会发现做.css(“播放”) =“无”不仅速度更快,而且还会正确返回可见度检查。

如果您想要检查可见度而不是显示, 您应该使用: . css (“ 可见度 ” ) = “ 隐藏 ” 。

还考虑到以下补充简记:

因为 : 可见的扩展是一个缩略语, 而不是 cs 规格的一部分, 使用 : 可见无法利用本地的 dom 查询 Electultl () 方法提供的性能增强。使用 : 可见来选择元素, 首先使用纯 cs 选择器选择元素, 然后使用 . fileter (“ 可见 ” : 可见 ) 来达到最佳性能。

另外,如果你担心性能,你应该检查一下现在你看到我... 表现/隐藏性能(2010-05-04),并使用其他方法来显示和隐藏元素。

这个问题最简单的答案是:

function checkUIElementVisible(element) {
    return ((element.css('display') !== 'none') && (element.css('visibility') !== 'hidden'));
}

您可以使用隐藏选择器:

// Matches all elements that are hidden
$('element:hidden')

可见选择器 :

// Matches all elements that are visible
$('element:visible')

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

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

人们可以简单地使用隐藏或可见属性,例如:

$('element:hidden')
$('element:visible')

或您可以简化相同内容如下。

$(element).is(":visible")

推荐文章