编程 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 相关文章推荐

基于jQuery的Spin Button自定义文本框数值自增或自减

Jul 17 Javascript

Jquery 表格合并的问题分享

Sep 17 Javascript

jQuery对象与DOM对象之间的相互转换

Mar 03 Javascript

借助FileReader实现将文件编码为Base64后通过AJAX上传

Dec 24 Javascript

老生常谈js动态添加事件--- 事件委托

Jul 19 Javascript

简单实现node.js图片上传

Dec 18 Javascript

微信小程序侧边栏滑动特效(左右滑动)

Jan 23 Javascript

JavaScript实现连连看连线算法

Jan 05 Javascript

Javascript迭代、递推、穷举、递归常用算法实例讲解

Feb 01 Javascript

js getBoundingClientRect使用方法详解

Jul 17 Javascript

webpack常用构建优化策略小结

Nov 21 Javascript

Vuex的各个模块封装的实现

Jun 05 Javascript

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

如何使用脚本模仿登陆过程

2006/11/22 PHP

ThinkPHP字符串函数及常用函数汇总

2014/07/18 PHP

php实现阿拉伯数字和罗马数字相互转换的方法

2015/04/17 PHP

[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法

2015/10/09 PHP

PHP实现模拟http请求的方法分析

2017/12/20 PHP

JavaScript OOP面向对象介绍

2010/12/02 Javascript

用JQuery实现表格隔行变色和突出显示当前行的代码

2012/02/10 Javascript

让人印象深刻的10个jQuery手风琴效果应用

2012/05/08 Javascript

jQuery.query.js 取参数的两点问题分析

2012/08/06 Javascript

jquery实现二级导航下拉菜单效果

2015/12/18 Javascript

js 自带的 map() 方法全面了解

2016/08/16 Javascript

利用JavaScript实现拖拽改变元素大小

2016/12/14 Javascript

jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】

2017/03/09 Javascript

使用JS编写的随机抽取号码的小程序

2017/08/11 Javascript

关于Ajax的原理以及代码封装详解

2017/09/08 Javascript

js中apply与call简单用法详解

2017/11/06 Javascript

js中bool值的转换及“&&”、“||”、 “!!”详解

2017/12/21 Javascript

详解使用create-react-app快速构建React开发环境

2018/05/16 Javascript

vue异步加载高德地图的实现

2018/06/19 Javascript

layui-tree实现Ajax异步请求后动态添加节点的方法

2019/09/23 Javascript

原生js实现随机点名功能

2019/11/05 Javascript

原生js实现自定义消息提示框

2020/11/19 Javascript

在Django框架中设置语言偏好的教程

2015/07/27 Python

python迭代器与生成器详解

2016/03/10 Python

深入浅析Python传值与传址

2018/07/10 Python

python redis连接有序集合去重的代码

2019/08/04 Python

python-xpath获取html文档的部分内容

2020/03/06 Python

用Python 爬取猫眼电影数据分析《无名之辈》

2020/07/24 Python

canvas之自定义头像功能实现代码示例

2017/09/29 HTML / CSS

我们是伦敦女孩：WalG

2018/01/08 全球购物

阿里巴巴Oracle DBA笔试题答案-备份恢复类

2013/11/20 面试题

企业申诉管理制度

2014/01/30 职场文书

国际贸易专业求职信

2014/06/04 职场文书

群众路线教育实践活动方案

2014/10/31 职场文书

教师正风肃纪心得体会

2016/01/15 职场文书

Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器

2022/06/28 Oracle