jQuery 判断元素是否隐藏?

 2023-10-16 15:24:02  阅读 0

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

标签:

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码