编程 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中创建实例与原型继承揭秘

Dec 21 Javascript

jQuery如何将选中的对象转化为原始的DOM对象

Jun 09 Javascript

JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)

May 20 Javascript

jQuery ajax全局函数处理session过期后的ajax跳转问题

Jun 03 Javascript

使用Vue.js创建一个时间跟踪的单页应用

Nov 28 Javascript

JavaScript数据类型和变量_动力节点Java学院整理

Jun 26 Javascript

浅谈Vue 数据响应式原理

May 07 Javascript

详解如何使用koa实现socket.io官网的例子

Nov 04 Javascript

webpack 开发和生产并行设置的方法

Nov 08 Javascript

记一次vue去除#问题处理经过小结

Jan 24 Javascript

浏览器JavaScript调试功能无法使用解决方案

Sep 18 Javascript

Vue实现图书管理案例

Jan 20 Vue.js

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创建Cookie数组的详解

2013/07/03 PHP

PHP实现将浏览历史页面网址保存到cookie的方法

2015/01/26 PHP

laravel5.4生成验证码的实例讲解

2017/08/05 PHP

ExtJs中gridpanel分组后组名排序实例代码

2013/12/02 Javascript

jQuery实现点击图片翻页展示效果的方法

2015/02/16 Javascript

JS对字符串编码的几种方式使用指南

2015/05/14 Javascript

详解vue2.0组件通信各种情况总结与实例分析

2017/03/22 Javascript

详解vue axios中文文档

2017/09/12 Javascript

Vue 2.0学习笔记之Vue中的computed属性

2017/10/16 Javascript

html中通过JS获取JSON数据并加载的方法

2017/11/30 Javascript

推荐10款扩展Web表单的JS插件

2017/12/25 Javascript

vue和webpack打包项目相对路径修改的方法

2018/06/15 Javascript

react脚手架如何配置less和ant按需加载的方法步骤

2018/11/28 Javascript

layer ui插件显示tips时,修改字体颜色的实现方法

2019/09/11 Javascript

layer弹窗在键盘按回车将反复刷新的实现方法

2019/09/25 Javascript

vue项目实现图片上传功能

2019/12/23 Javascript

vue treeselect获取当前选中项的label实例

2020/08/31 Javascript

python实现socket端口重定向示例

2014/02/10 Python

浅谈python抛出异常、自定义异常, 传递异常

2016/06/20 Python

简单掌握Python中glob模块查找文件路径的用法

2016/07/05 Python

python 性能提升的几种方法

2016/07/15 Python

用Python一键搭建Http服务器的方法

2018/06/01 Python

浅谈python的dataframe与series的创建方法

2018/11/12 Python

tensorflow实现tensor中满足某一条件的数值取出组成新的tensor

2020/01/04 Python

python+selenium自动化实战携带cookies模拟登陆微博

2021/01/19 Python

亚洲在线旅行门户网站：Expedia.com.hk（智游网）

2020/04/14 全球购物

澳大利亚在线床零售商：Bedworks

2020/09/01 全球购物

abstract class和interface有什么区别？

2012/01/03 面试题

大学班级干部的自我评价分享

2014/02/10 职场文书

我的长生果教学反思

2014/04/28 职场文书

生产工厂门卫岗位职责

2014/09/26 职场文书

银行党员批评与自我批评

2014/10/15 职场文书

2015年国庆晚会主持词

2015/07/01 职场文书

CSS3通过var()和calc()函数实现动画特效

2021/03/30 HTML / CSS

只需要这一行代码就能让python计算速度提高十倍

2021/05/24 Python

《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表

2022/03/20 日漫