一个单一的元素代码示例:
//检查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将不起作用。