编程 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锁屏解屏通过对$.ajax进行封装实现

Jul 31 Javascript

JavaScript字符串对象replace方法实例（用于字符串替换或正则替换）

Oct 16 Javascript

在linux中使用包管理器安装node.js

Mar 13 Javascript

JS基于面向对象实现的放烟花效果

May 07 Javascript

概述javascript在Google IE中的调试技巧

Nov 24 Javascript

javascript实现简单的可随机变色网页计算器示例

Dec 30 Javascript

深入浅析JavaScript中的RegExp对象

Sep 18 Javascript

Node Puppeteer图像识别实现百度指数爬虫的示例

Feb 22 Javascript

微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

Sep 18 Javascript

详解Webpack如何引入CDN链接来优化编译后的体积

Jun 21 Javascript

JS自定义右键菜单实现代码解析

Jul 16 Javascript

Element InputNumber 计数器的实现示例

Aug 03 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函数

2006/10/09 PHP

PHP strtr() 函数使用说明

2008/11/21 PHP

PHPMailer使用教程(PHPMailer发送邮件实例分析)

2012/12/06 PHP

基于php使用memcache存储session的详解

2013/06/25 PHP

实测在class的function中include的文件中非php的global全局环境

2013/07/15 PHP

C#使用PHP服务端的Web Service通信实例

2014/04/08 PHP

php将html转成wml的WAP标记语言实例

2015/07/08 PHP

转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K

2007/08/19 Javascript

js 获取中文拼音,Select自动匹配字母获取值的代码

2009/09/23 Javascript

Javascript attachEvent传递参数的办法

2009/12/14 Javascript

jQuery选择头像并实时显示的代码

2010/06/27 Javascript

js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)

2013/01/29 Javascript

JS 实现获取打开一个界面中输入的值

2013/03/19 Javascript

js实现拉伸拖动iframe的具体代码

2013/08/03 Javascript

jquery解析XML字符串和XML文件的方法说明

2014/02/21 Javascript

脚本合并提升javascript性能示例

2014/02/24 Javascript

javascript带回调函数的异步脚本载入方法实例分析

2015/07/02 Javascript

jQuery中$this和$(this)的区别介绍（一看就懂）

2015/07/06 Javascript

JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】

2016/06/21 Javascript

Bootstrap3 Grid system原理及应用详解

2016/09/30 Javascript

Bootstrap CSS布局之列表

2016/12/15 Javascript

vue实现购物车小案例

2019/09/27 Javascript

用JS实现一个简单的打砖块游戏

2019/12/11 Javascript

JavaScript实现拖拽和缩放效果

2020/08/24 Javascript

[02:20]DOTA2英雄基础教程黑暗贤者

2013/12/19 DOTA

[43:51]2018DOTA2亚洲邀请赛3月30日小组赛B组 EG VS Secret

2018/03/31 DOTA

浅谈python字符串方法的简单使用

2016/07/18 Python

python 获取一个值在某个区间的指定倍数的值方法

2018/11/12 Python

python 多线程串行和并行的实例

2019/02/22 Python

python pandas 时间日期的处理实现

2019/07/30 Python

银行求职信个人范文

2013/12/16 职场文书

内刊编辑求职自荐书范文

2014/02/19 职场文书

演讲主持词

2014/03/18 职场文书

关于青春的演讲稿500字

2014/08/22 职场文书

小学少先队辅导员述职报告

2015/01/10 职场文书

MySQL实现配置主从复制项目实践

2022/03/31 MySQL