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

方式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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,489评论 0 44
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,203评论 2 19
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,629评论 0 11
  • 室内热力刚刚退去 楼道里来了一群可爱的人 吵醒了你寄托在周末的美梦 咒骂 抱怨 无奈 外面不能隔音的墙 让嘈杂变...
    向南浔枝柳阅读 168评论 2 2