CSS

两种div隐藏和显示方式及区别

2016-09-08  本文已影响41人  码农老王

方式1:

隐藏后仍占有页面空间,显示空白

设置样式:

visibility: hidden;

jquery修改:

$(".divClass").css({'visibility':'hidden'});
$(".divClass").css('visibility','visible');

方式2:

隐藏后释放占用的页面空间

设置样式:

display: none;

jquery修改:

$(".divClass").css({'display':'none'});
$(".divClass").css('display','');

总结:

使用第二方式更人性化,但是,用display="none"隐藏会引起div里面的东西休眠,里面的事件就不响应了。
一般用第一种方式,并且将div里面的对象的width或height设成0。

上一篇 下一篇

猜你喜欢

热点阅读