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