jQuery 判断元素是否隐藏

本文介绍如何使用 jQuery 判断元素是否隐藏：

// 判断 CSS 属性 display:[none|block], 忽略 visibility:[true|false]
// 判断元素是否显示
$(element).is(":visible");

// 判断元素是否隐藏
// The same works with hidden
$(element).is(":hidden");

以下实例演示了两个 div，一个显示，一个隐藏，通过 jQuery 判断 div 元素是否隐藏：

实例

<div id="div1" style="display:none">
Div1 元素是隐藏的
</div>

<div id="div2" style="display:block">
Div2 元素是可见的
</div>
<script>
if($("#div1").is(":visible")) {
  document.write("Div1 元素是可见的<br>");
}

if($("#div1").is(":hidden")) {
  document.write("Div1 元素是隐藏的<br>");
}

if($("#div2").is(":visible")) {
  document.write("Div2 元素是可见的<br>");
}

if($("#div2").is(":hidden")) {
  document.write("Div2 元素是隐藏的<br>");
}
</script>