编程 Javascript

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="";//显示

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

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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