JavaScript/jQuery如何判断/检测一个HTML元素是否是隐藏状态呢？

2K 次浏览

0

在前端开发中，如何使用javascript(js)或者jQuery检测一个HTML元素是否是隐藏或显示状态呢？

比如.hide(),.show()或者.toggle()，是否也有类似的检测元素隐藏/显示状态的方法呢？

我来回答收藏(0) 评论编辑

2021-10-07 提问

回复 [×]

提交评论

请输入评论内容

3 个回答

0
在jQuery中，可以使用.is()函数来检测一个指定元素的隐藏/显示状态，如下：
```
// 检测元素的CSS状态
$(element).is(":visible");

// 检测元素的hidden状态
$(element).is(":hidden");
```
评论分享

Rector

2021-10-07 回答
0
或者使用jQuery的.css()函数来检测一个指定元素的隐藏/显示状态，如下：
```
if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
    // 元素处于隐藏状态
}
```
注：以上代码未考虑父元素的可见性，如果要考虑父元素的可见性，则应该使用.is(":hidden")或者.is(":visible")函数。
评论分享

Rector

2021-10-07 回答
0
如果只需要jQuery来切换一个HTML元素的隐藏/显示状态，则可以调用.toggle()函数，如下：
```
$(document).ready(function(){
    $("#eb").click(function(){
        $("#ebdiv").toggle();
    });
});
```
评论分享

Rector

2021-10-07 回答

我来回答

提交答案