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