JavaScript-如何在jQuery中检查一个元素是否被隐藏？

Plzbefat 06-01 296

前言：

目前小伙伴们对“jquery鼠标显示隐藏div层”大约比较关切，你们都需要分析一些“jquery鼠标显示隐藏div层”的相关内容。那么小编也在网上搜集了一些有关“jquery鼠标显示隐藏div层””的相关知识，希望朋友们能喜欢，你们快快来学习一下吧！

一个单一的元素代码示例:

//检查CSS内容是否显示:[none|block]，忽略可见性:[true|false]$(element).is(":visible");// 对隐藏的也是如此$(element).is(":hidden");

使用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>

上述方法会认为div2是可见的，而:visible不是。但上述方法在很多情况下可能是有用的，特别是当你需要找到隐藏的父类中是否有任何错误的div是可见的，因为在这种情况下:visible将不起作用。