jquery和js实现对div的隐藏和显示方法


Posted in Javascript onSeptember 26, 2014

jQuery对div的显示和隐藏:

显示:

$("#id").show()

隐藏:
$("#id").show()

js对div的显示和隐藏:

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示
Javascript 相关文章推荐
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
微信小程序 switch组件详解及简单实例
Jan 10 Javascript
详解Javascript几种跨域方式总结
Feb 27 Javascript
JS检测window.open打开的窗口是否关闭
Jun 25 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
vue修饰符.capture和.self的区别
Apr 22 Vue.js
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 #Javascript
jquery实现一个简单好用的弹出框
Sep 26 #Javascript
php,js,css字符串截取的办法集锦
Sep 26 #Javascript
javascript中字符串拼接详解
Sep 26 #Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 #Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 #Javascript
前端轻量级MVC框架CanJS详解
Sep 26 #Javascript
You might like
基于php伪静态的实现详细介绍
2013/04/28 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
php解决安全问题的方法实例
2019/09/19 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
php实现简单四则运算器
2020/11/29 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
DWR实现模拟Google搜索效果实现原理及代码
2013/01/30 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
jsp 自动编译机制详细介绍
2016/12/01 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
vue-router 组件复用问题详解
2018/01/22 Javascript
深入理解Promise.all
2018/08/08 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
python实现五子棋小程序
2019/06/18 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
2014年元旦活动方案
2014/02/15 职场文书
艺术节主持词
2014/04/02 职场文书
挂靠协议书范本
2014/04/22 职场文书
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers