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

用Greasemonkey 脚本收藏网站会员信息到本地

Oct 26 Javascript

jQuery中使用了document和window哪些属性和方法小结

Sep 13 Javascript

js选取多个或单个元素的实现代码（用class）

Aug 22 Javascript

jQuery图片播放8款精美插件分享

Feb 17 Javascript

javascript正则匹配汉字、数字、字母、下划线

Apr 10 Javascript

理解javascript正则表达式

Mar 08 Javascript

JS中常用的消息框总结

Feb 24 Javascript

vue-devtools的安装和使用步骤详解

Oct 17 Javascript

vue+webpack dev本地调试全局样式引用失效的解决方案

Nov 12 Javascript

简单了解JavaScript sort方法

Nov 25 Javascript

Vue中使用better-scroll实现轮播图组件

Mar 07 Javascript

如何使用Javascript中的this关键字

May 28 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

php实现的网络相册图片防盗链完美破解方法

2015/07/01 PHP

使用php-timeit估计php函数的执行时间

2015/09/06 PHP

PHP抽奖算法程序代码分享

2015/10/08 PHP

javascript脚本编程解决考试分数统计问题

2008/10/18 Javascript

Javascript 获取链接(url)参数的方法[正则与截取字符串]

2010/02/09 Javascript

使用jquery局部刷新(jquery.load)从数据库取出数据

2014/01/22 Javascript

JQuery 使用attr方法实现下拉列表选中

2014/10/13 Javascript

javascript使用switch case实现动态改变超级链接文字及地址

2014/12/16 Javascript

jQuery和AngularJS的区别浅析

2015/01/29 Javascript

JavaScript通过this变量快速找出用户选中radio按钮的方法

2015/03/23 Javascript

JS根据生日算年龄的方法

2015/05/05 Javascript

JavaScript设置表单上传时文件个数的方法

2015/08/11 Javascript

学习使用jquery iScroll.js移动端滚动条插件

2020/03/24 Javascript

教你用javascript实现随机标签云效果_附代码

2016/03/16 Javascript

jquery层级选择器(匹配父元素下的子元素实现代码)

2016/09/05 Javascript

JavaScript中数组Array方法详解

2017/02/27 Javascript

js数组实现权重概率分配

2017/09/12 Javascript

JS实现点击链接切换显示隐藏内容的方法

2017/10/19 Javascript

值得收藏的vuejs安装教程

2017/11/21 Javascript

JavaScript 类的封装操作示例详解

2020/05/16 Javascript

在Python中的Django框架中进行字符串翻译

2015/07/27 Python

python3+PyQt5实现自定义窗口部件Counters

2018/04/20 Python

python操作excel让工作自动化

2019/08/09 Python

python科学计算之scipy——optimize用法

2019/11/25 Python

配置python的编程环境之Anaconda + VSCode的教程

2020/03/29 Python

CSS3实现曲线阴影和翘边阴影

2016/05/03 HTML / CSS

Scholastic父母商店：儿童书籍

2017/01/01 全球购物

可爱的童装和鞋子：Fabkids

2019/08/16 全球购物

Currentbody法国：健康与美容高科技产品

2020/08/16 全球购物

南京迈特望C/C++面试题

2012/07/09 面试题

C#公司笔试题

2014/03/28 面试题

PHP使用Redis队列执行定时任务实例讲解

2021/03/24 PHP

网站创业计划书

2014/04/30 职场文书

品德评语大全

2014/05/05 职场文书

解除财产保全担保书

2014/05/20 职场文书

一篇文章带你学习Mybatis-Plus(新手入门)

2021/08/02 Java/Android