网站链接: element-ui dtcms
当前位置: 首页 > 技术博文  > 技术博文

使用jQuery如何检查元素是否隐藏?

2020/10/9 9:44:57 人评论

在项目开发过程中难免会遇到,需要隐藏或者展现dom元素的情况。当我们使用jQuery 功能.hide(),.show()或.toggle()隐藏或展现dom元素后,如何判断当前dom元素当前状态是隐藏或者展示哪?你会如何测试一个元素是否visible还是hidden?由于问题涉及单个元素,因此此代码可能…

在项目开发过程中难免会遇到,需要隐藏或者展现dom元素的情况。

当我们使用jQuery 功能.hide().show().toggle()隐藏或展现dom元素后,

如何判断当前dom元素当前状态是隐藏或者展示哪?

你会如何测试一个元素是否visible还是hidden


由于问题涉及单个元素,因此此代码可能更合适:

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");// The same works with hidden
$(element).is(":hidden");

我们使用jQuery的is()与另一个元素,选择器或任何jQuery对象一起检查选定的元素。

此方法遍历DOM元素以找到匹配项,该匹配项满足传递的参数。如果存在匹配项,则返回true,否则返回false。


相关资讯

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?