判断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是隐藏的。
运行结果:
我么把css中display属性值设置成:none。在执行一遍