本文介绍如何使用 jQuery 判断元素是否隐藏:
// 判断 CSS 属性 display:[none|block], 忽略 visibility:[true|false]
// 判断元素是否显示
$(element).is(“:visible”);
// 判断元素是否显示
$(element).is(“:visible”);
// 判断元素是否隐藏
// The same works with hidden
$(element).is(“:hidden”);
以下实例演示了两个 div,一个显示,一个隐藏,通过 jQuery 判断 div 元素是否隐藏:
实例
div id=“div1” style=“display:none”>
Div1 元素是隐藏的
/div>
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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)