当前位置: 首页 > 面试题库 >

使用jQuery检查元素是否为“ display:none”或单击时是否阻止

房学
2023-03-14
问题内容

我想检查和排序隐藏的元素。是否可以找到具有属性display和值的所有元素none


问题答案:

您可以使用:visible表示可见元素,并使用:hidden找出隐藏元素。此隐藏元素的display属性设置为none

hiddenElements = $(':hidden');
visibleElements = $(':visible');

检查特定元素。

if($('#yourID:visible').length == 0)
{

}

如果元素占用了文档中的空间,则认为它们是可见的。可见元素的宽度或高度大于零

您也可以将is()与:visible

if(!$('#yourID').is(':visible'))
{

}

如果要检查显示值,则可以使用css()

if($('#yourID').css('display') == 'none')
{

}

如果使用显示,则display可以具有以下值。

显示:无

显示:内联

显示:块

显示:列表项

显示:内联块

检查可能display值的完整列表。

使用JavaScript检查display属性

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none";


 类似资料:
  • 问题内容: 我试图仅使用jQuery在HTML元素为空的情况下调用函数。 像这样: 问题答案: 编辑: 正如某些人指出的那样,浏览器对空元素的解释可能会有所不同。如果您想忽略不可见的元素(例如空格和换行符)并使实现更加一致,则可以创建一个函数(或仅使用其中的代码)。 您也可以将其放入jQuery插件,但是您知道了。

  • 我是的新手,需要检查元素是否可以在中单击,因为在和上都传递。 我尝试使用以下代码,但不起作用:

  • 问题内容: 使用和,我一直在页面上隐藏/显示一个元素,但是有两个按钮,一个用于隐藏,一个用于显示。我现在想要 一个按钮来同时切换 两者 。 我的HTML / JavaScript是这样的: 我想要的HTML / JavaScript: 如何检测元素是否可见? 问题答案: 您正在寻找: 尽管您可能考虑到仍在其他地方使用它,但应该将选择器更改为使用jQuery: 重要的是要注意,如果目标元素的父元素中

  • 问题内容: 如果该元素是通过方法创建的,如何检查该元素是否存在? 对我不起作用。 问题答案: 对我不起作用。 您需要在元素ID之前添加: 使用香草JavaScript,不需要例如hash(),但是使用jQuery时,确实需要像基于CSS一样将哈希放入目标元素。

  • 问题内容: 我不知道如何确定存在于json数组中的元素是否为null。要检查jsonObject本身是否为null,只需使用: 但是,当对象是一个数组并且我想检查该数组的元素之一是否为null时,则不起作用: 数组的元素上也没有isNull方法。如何检查jsonarray中的值是否为null?知道我正在从javascript传递空对象可能会有所帮助。从javascript以json格式传递null

  • 我将一些代码从Gson改为Jackson,在那里我必须检查当前元素的类型是否是原语。 我可以用Gson做这样的事情: 在Jackson中,Json节点类型是