编程 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 getStyle获取最终样式函数代码

Apr 01 Javascript

运行Node.js的IIS扩展iisnode安装配置笔记

Mar 02 Javascript

JavaScript声明变量名的语法规则

Jul 10 Javascript

JQuery实现网页右侧随动广告特效

Jan 17 Javascript

Angular中使用ui router实现系统权限控制及开发遇到问题

Sep 23 Javascript

Angular.Js之Scope作用域的学习教程

Apr 27 Javascript

Angular客户端请求Rest服务跨域问题的解决方法

Sep 19 Javascript

JS设计模式之惰性模式（二）

Sep 29 Javascript

微信小程序通过保存图片分享到朋友圈功能

May 24 Javascript

js实现ATM机存取款功能

Oct 27 Javascript

layui 地区三级联动 form select 渲染的实例

Sep 27 Javascript

Vue + element 实现多选框组并保存已选id集合的示例代码

Jun 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类的使用实例代码讲解

2009/12/28 PHP

php preg_replace替换实例讲解

2013/11/04 PHP

PHP中执行MYSQL事务解决数据写入不完整等情况

2014/01/07 PHP

PHP PDO fetch 模式各种参数的输出结果一览

2015/01/07 PHP

用于自动添加Digg This!按钮的JavaScript

2006/12/23 Javascript

jQuery 中使用JSON的实现代码

2011/12/01 Javascript

ASP.NET MVC中EasyUI的datagrid跨域调用实现代码

2012/03/14 Javascript

JS实现将人民币金额转换为大写的示例代码

2014/02/13 Javascript

JavaScript中return用法示例

2016/11/29 Javascript

实例浅析js的this

2016/12/11 Javascript

jQuery Form插件使用详解_动力节点Java学院整理

2017/07/17 jQuery

微信小程序实现底部导航

2018/11/05 Javascript

vue多次循环操作示例

2019/02/08 Javascript

JavaScript进阶（四）原型与原型链用法实例分析

2020/05/09 Javascript

在vue中实现禁止回退上一步,路由不存历史记录

2020/07/22 Javascript

基于Vue全局组件与局部组件的区别说明

2020/08/11 Javascript

基于ant design日期控件使用_仅月份的操作

2020/10/27 Javascript

Python实现定时任务

2017/02/08 Python

Python运维自动化之nginx配置文件对比操作示例

2018/08/29 Python

python看某个模块的版本方法

2018/10/16 Python

python中dict使用方法详解

2019/07/17 Python

Django在admin后台集成TinyMCE富文本编辑器的例子

2019/08/09 Python

Python HTTP下载文件并显示下载进度条功能的实现

2020/04/02 Python

Django 解决model 反向引用中的related_name问题

2020/05/19 Python

django Model层常用验证器及自定义验证器详解

2020/07/15 Python

15个应该掌握的Jupyter Notebook使用技巧(小结)

2020/09/23 Python

Python-split()函数实例用法讲解

2020/12/18 Python

法国购买隐形眼镜和眼镜网站：Optical Center

2019/10/08 全球购物

2014年党员创先争优承诺书

2014/05/29 职场文书

2014年最新学校运动会广播稿

2014/09/17 职场文书

售房协议书范本2014

2014/10/23 职场文书

作弊检讨书

2015/01/27 职场文书

2016大学生求职自荐信范文

2016/01/28 职场文书

青年人初次创业的“五不要”

2019/08/23 职场文书

Python time库的时间时钟处理

2021/05/02 Python

angular异步验证器防抖实例详解

2022/03/31 Javascript