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

读jQuery之三（构建选择器）

Jun 11 Javascript

JSON 数字排序多字段排序介绍

Sep 18 Javascript

jquery实现页面虚拟键盘特效

Aug 08 Javascript

jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法

Dec 12 Javascript

详解使用vue脚手架工具搭建vue-webpack项目

May 10 Javascript

layui 优化button按钮和弹出框的方法

Aug 15 Javascript

从0到1构建vueSSR项目之路由的构建

Mar 07 Javascript

Vue路由模块化配置的完整步骤

Aug 14 Javascript

js实现录音上传功能

Nov 22 Javascript

JS Array.from()将伪数组转换成数组的方法示例

Mar 23 Javascript

vuecli3.x中轻松4步带你使用tinymce的步骤

Jun 25 Javascript

原生微信小程序开发中 redux 的使用详解

Feb 18 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静态新闻列表自动生成代码

2007/06/14 PHP

PHP查询数据库中满足条件的记录条数(两种实现方法)

2013/01/29 PHP

php加密之discuz内容经典加密方式实例详解

2017/02/04 PHP

老生常谈文本文件和二进制文件的区别

2017/02/27 PHP

PHP实现redis限制单ip、单用户的访问次数功能示例

2018/06/16 PHP

getElementById在任意一款浏览器中都可以用吗的疑问回复

2007/05/13 Javascript

javascript两种function的定义介绍及区别说明

2013/05/02 Javascript

3种Jquery限制文本框只能输入数字字母的方法

2014/12/03 Javascript

jQuery制作可自定义大小的拼图游戏

2015/03/30 Javascript

javascript实现可拖动变色并关闭层窗口实例

2015/05/15 Javascript

深入解析JavaScript中的数字对象与字符串对象

2015/10/21 Javascript

jQuery+css实现的切换图片功能代码

2016/01/27 Javascript

localStorage实现便签小程序

2016/11/28 Javascript

vue2.0开发入门笔记之.vue文件的生成和使用

2017/09/19 Javascript

seaJs使用心得之exports与module.exports的区别实例分析

2017/10/13 Javascript

关于node-bindings无法在Electron中使用的解决办法

2018/12/18 Javascript

使用Vant完成Dialog弹框案例

2020/11/11 Javascript

Python list操作用法总结

2015/11/10 Python

Python按行读取文件的简单实现方法

2016/06/22 Python

import的本质解析

2017/10/30 Python

Python数据分析库pandas基本操作方法

2018/04/08 Python

matplotlib给子图添加图例的方法

2018/08/03 Python

Python tkinter实现图片标注功能(完整代码)

2019/12/08 Python

浅析Python数字类型和字符串类型的内置方法

2019/12/22 Python

让IE9以下版本的浏览器兼容HTML5的方法

2014/03/12 HTML / CSS

英国体育器材进口商店：UK Sport Imports

2017/03/14 全球购物

加拿大户外探险购物网站：SAIL

2020/06/27 全球购物

标记环网Toke Ring IEEE802.5

2014/05/26 面试题

北京振戎融通Java面试题

2015/09/03 面试题

24岁生日感言

2014/01/13 职场文书

合作意向书模板

2014/03/31 职场文书

庆七一活动总结

2014/08/27 职场文书

客户答谢会活动方案

2014/08/31 职场文书

2014群众路线学习笔记

2014/11/06 职场文书

2014年检验科工作总结

2014/11/22 职场文书

2016特色励志班级口号

2015/12/24 职场文书