javascript - 使用javascript检查DIV是否可见

标签 javascript jquery jquery-selectors

我需要在我的代码后面隐藏一个 div:

bool hideDiv = false
//codes to change hideDiv
myDiv.visible = hideDiv;

我想使用 javascript 检查我的 div 的可见性:

if (jQuery("myDiv") != null){
    //some codes
}
else{
    //some codes
}

并且“jQuery("myDiv")”始终不为空(即使 div 实际上不可见),检查 div 是否可见的更好方法是什么?

最佳答案

您可以使用 :visible selector里面is filtering function :

if ($('#myDiv').is(':visible'))

注意事项:

  • 您可能忘记了选择器中 id 之前的 # (jQuery("myDiv"))。
  • document.getElementById 不同的是,无论搜索到的元素是否存在,jQuery 都不会返回 null

关于javascript - 使用javascript检查DIV是否可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16826515/

相关文章:

javascript - Angular 资源/解决延迟导致未定义的错误

javascript - 访问 JavaScript 数组返回 "undefined"

javascript - 使用 jQuery 上传非拉丁名称文件

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

javascript - 元素 JQuery 的祖 parent 的第一个 child

javascript - jQuery 选择器仅第一级 div

javascript - 提交带有附加 POST 变量的表单(无 AJAX)

javascript - ECMA脚本 2015 : const in for loops

javascript - 第二次追加不适用于 jquery

javascript - 我希望 Google Docs 嵌入式 PDF 查看器不显示 "open external"链接