本文介紹如何使用 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>

嚐試一下 »