编程 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代码

Oct 19 Javascript

动态的创建一个元素createElement及删除一个元素

Jan 24 Javascript

jQuery控制Div拖拽效果完整实例分析

Apr 15 Javascript

javascript 日期相减-在线教程(附代码)

Aug 17 Javascript

vue二级路由设置方法

Feb 09 Javascript

关于Vue在ie10下空白页的debug小结

May 02 Javascript

使用jquery模拟a标签的click事件无法实现跳转的解决

Dec 04 jQuery

jQuery创建折叠式菜单

Jun 15 jQuery

Vue 动态组件components和v-once指令的实现

Aug 30 Javascript

在weex中愉快的使用scss的方法步骤

Jan 02 Javascript

Vue elementui字体图标显示问题解决方案

Aug 18 Javascript

swiper4实现移动端导航栏tab滑动切换

Oct 16 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

什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)

2021/03/01 无线电

php实现的数组转xml案例分析

2019/09/28 PHP

用于deeplink的js方法(判断手机是否安装app)

2014/04/02 Javascript

使用JavaScript获取地址栏参数的方法

2014/12/19 Javascript

微信JSSDK上传图片

2015/08/23 Javascript

JavaScript中的数据类型转换方法小结

2015/10/26 Javascript

AngularJS页面访问时出现页面闪烁问题的解决

2016/03/06 Javascript

javascript实现的全国省市县无刷新多级关联菜单效果代码

2016/08/01 Javascript

jQueryUI Datepicker组件设置日期高亮

2016/10/13 Javascript

火狐和ie下获取javascript 获取event的方法(推荐)

2016/11/26 Javascript

JavaScript比较两个数组的内容是否相同(推荐)

2017/05/02 Javascript

websocket+node.js实现实时聊天系统问题咨询

2017/05/17 Javascript

vuejs父子组件之间数据交互详解

2017/08/09 Javascript

vue-cli中的webpack配置详解

2017/09/25 Javascript

你可能不知道的前端算法之文字避让（inMap）

2018/01/12 Javascript

微信小程序使用字体图标的方法

2019/05/23 Javascript

JavaScript中arguments的使用方法详解

2020/12/20 Javascript

[01:09:13]DOTA2-DPC中国联赛正赛 CDEC vs XG BO3 第三场 1月19日

2021/03/11 DOTA

[05:06]DOTA2-DPC中国联赛正赛 VG vs Magma选手采访

2021/03/11 DOTA

python在windows下创建隐藏窗口子进程的方法

2015/06/04 Python

Python中的os.path路径模块中的操作方法总结

2016/07/07 Python

Python实现堡垒机模式下远程命令执行操作示例

2019/05/09 Python

django框架model orM使用字典作为参数，保存数据的方法分析

2019/06/24 Python

Pytorch损失函数nn.NLLLoss2d()用法说明

2020/07/07 Python

Python基于template实现字符串替换

2020/11/27 Python

python中操作文件的模块的方法总结

2021/02/04 Python

CSS3 实现的火焰动画

2020/12/07 HTML / CSS

日本钓鱼渔具和户外用品网上商店：naturum

2016/08/07 全球购物

英语教学随笔感言

2014/02/20 职场文书

毕业典礼主持词大全

2014/03/26 职场文书

机关保密承诺书

2014/06/03 职场文书

工作时间擅自离岗检讨书

2014/10/24 职场文书

2015年度优秀员工自荐书

2015/03/06 职场文书

行政答辩状范文

2015/05/21 职场文书

格林童话读书笔记

2015/06/30 职场文书

在 SQL 语句中处理 NULL 值的方法

2021/06/07 SQL Server