天天看点

JavaScript判断一个Div是否隐藏的方法

判断DIV是否隐藏方法:

$("#id").is(’:hidden’)

id是div的id。这里用的jquery获得dom。is(‘:hidden’)是juquery分装的方法
           

Demo测试

<!DOCTYPE html>  
<html>
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<title>测试判断一个Div是否隐藏</title>  
</head>  
 <script type="text/javascript">
    $(function(){
      //获得当前div是否是隐藏
      var flag=$("#app").is(":hidden");
      console.log(flag==true?"该div是隐藏的":"该div不是隐藏的");
    })
 </script>
 <style type="text/css">
/*为了方便看到Div,我们设置div边框大小为1,颜色是红色。*/
#app{
    height: 200px;
    width:200px;
    border: 1px solid red;
    display: block;/*显示出div*/
}     
 </style>
<body>  
<div id="app">

</div>
</body>  

</html>
           

上面代码逻辑:

画了一个高和宽都是200px,边框是红色,宽度是1的div。一般格式显示出来,页面加载的时候判断是否隐藏,如果不是隐藏,则在控制台输出该div不是隐藏的,反正输出,该div是隐藏的。

运行结果:

JavaScript判断一个Div是否隐藏的方法
我么把css中display属性值设置成:none。在执行一遍
           
JavaScript判断一个Div是否隐藏的方法

继续阅读