在 jQuery中如何使用或切换元素的可见性？.hide().show().toggle() ?

网友问题：
如何使用或切换元素的可见性？.hide().show().toggle()

如何测试元素是否为 or ？visiblehidden

分割线

网友回答：

您可以使用选择器：hidden

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

选择器：visible

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

分割线

网友回答：

由于问题涉及单个元素，因此此代码可能更合适：

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

它与 twernt 的建议相同，但适用于单个元素;它与jQuery常见问题解答中推荐的算法相匹配。

我们使用 jQuery 的 is（）来检查所选元素与另一个元素、选择器或任何 jQuery 对象。此方法沿 DOM 元素遍历以查找满足传递参数的匹配项。如果存在匹配项，它将返回 true，否则返回 false。

分割线

网友回答：

if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
    // 'element' is hidden
}

上述方法不考虑父项的可见性。要同时考虑父级，您应该使用或。.is(":hidden").is(":visible")

例如

<div id="div1" style="display:none">
  <div id="div2" style="display:block">Div2</div>
</div>

上述方法将被视为可见，而不可见。但是上述方法在许多情况下可能很有用，尤其是当您需要查找隐藏的父级中是否有任何可见的错误div时，因为在这种情况下将不起作用。div2:visible:visible

模板简介：该模板名称为【在 jQuery中如何使用或切换元素的可见性？.hide().show().toggle() ?】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。