编程 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实现的一个自定义Placeholder属性插件

Aug 11 Javascript

jquery图片滚动放大代码分享（2）

Aug 28 Javascript

javascript中日期函数new Date()的浏览器兼容性问题

Sep 05 Javascript

jquery插件方式实现table查询功能的简单实例

Jun 06 Javascript

JS实现iframe自适应高度的方法示例

Jan 07 Javascript

JS中Select下拉列表类(支持输入模糊查询)功能

Jan 17 Javascript

Java与JavaScript中判断两字符串是否相等的区别

Mar 13 Javascript

Node.js 事件循环详解及实例

Aug 06 Javascript

vue项目在安卓低版本机显示空白的原因分析(两种)

Sep 04 Javascript

Vue中实现权限控制的方法示例

Jun 07 Javascript

cordova+vue+webapp使用html5获取地理位置的方法

Jul 06 Javascript

JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果

Mar 17 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

中国第一家无线电行

2021/03/01 无线电

PHP人民币金额数字转中文大写的函数代码

2013/02/27 PHP

php使用session二维数组实例

2014/11/06 PHP

浅析PHP 中move_uploaded_file 上传中文文件名失败

2019/04/17 PHP

IE8 浏览器Cookie的处理

2009/01/31 Javascript

jquery 经典动画菜单效果代码

2010/01/26 Javascript

浅析tr的隐藏和显示问题

2014/03/05 Javascript

详解Node.js模块间共享数据库连接的方法

2016/05/24 Javascript

vue的无缝滚动组件vue-seamless-scroll实例

2017/12/18 Javascript

微信小程序js文件改变参数并在视图上及时更新【推荐】

2018/06/11 Javascript

vue表单验证你真的会了吗？vue表单验证（form）validate

2019/04/07 Javascript

微信小程序调用天气接口并且渲染在页面过程详解

2019/06/24 Javascript

JS合并两个数组的3种方法详解

2019/10/24 Javascript

Vue中jsx不完全应用指南小结

2019/11/01 Javascript

微信小程序下拉刷新及上拉加载原理解析

2019/11/06 Javascript

JS实现按比例缩小图片宽高

2020/08/24 Javascript

javascript实现左右缓动动画函数

2020/11/25 Javascript

关于better-scroll插件的无法滑动bug(2021通过插件解决)

2021/03/01 Javascript

[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python中字典和集合学习小结

2017/07/07 Python

python实现上传下载文件功能

2020/11/19 Python

Python爬虫设置代理IP的方法(爬虫技巧)

2018/03/04 Python

利用scrapy将爬到的数据保存到mysql（防止重复）

2018/03/31 Python

python分块读取大数据,避免内存不足的方法

2018/12/10 Python

python实现控制COM口的示例

2019/07/03 Python

python读写csv文件的方法

2019/08/13 Python

Django实现auth模块下的登录注册与注销功能

2019/10/10 Python

DataFrame.to_excel多次写入不同Sheet的实例

2019/12/02 Python

python十进制转二进制的详解

2020/02/07 Python

基于Tensorflow读取MNIST数据集时网络超时的解决方式

2020/06/22 Python

Python OpenCV去除字母后面的杂线操作

2020/07/05 Python

小学教师自我鉴定范文

2014/03/20 职场文书

2014年妇联工作总结

2014/11/21 职场文书

2015新生加入学生会自荐书

2015/03/24 职场文书

冲出亚马逊观后感

2015/06/03 职场文书

2015年董事长秘书工作总结

2015/07/23 职场文书