编程 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注册事件的常用方法

Apr 03 Javascript

文字溢出实现溢出的部分再放入一个新生成的div中具体代码

May 17 Javascript

ExtJS4中使用mixins实现多继承示例

Dec 03 Javascript

深入学习JavaScript的AngularJS框架中指令的使用方法

Mar 05 Javascript

AngularJS指令与指令之间的交互功能示例

Dec 14 Javascript

vue2.0中goods选购栏滚动算法的实现代码

May 17 Javascript

Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果

Oct 31 Javascript

微信小程序模板（template）使用详解

Jan 31 Javascript

Less 安装及基本用法

May 05 Javascript

使用NestJS开发Node.js应用的方法

Dec 03 Javascript

小程序自定义单页面、全局导航栏的实现代码

Mar 15 Javascript

vue键盘事件点击事件加native操作

Jul 27 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

Zend Studio去除编辑器的语法警告设置方法

2012/10/24 PHP

PHP魔术方法的使用示例

2015/06/23 PHP

php操作mongodb封装类与用法实例

2018/09/01 PHP

PHP调用接口API封装的例子

2019/10/11 PHP

在JavaScript中，为什么要尽可能使用局部变量？

2009/04/06 Javascript

Jquery获取和修改img的src值的方法

2014/02/17 Javascript

jQuery响应enter键的实现思路

2014/04/18 Javascript

jquery学习总结（超级详细）

2014/09/04 Javascript

jQuery中借助deferred来请求及判断AJAX加载的实例讲解

2016/05/24 Javascript

js基础之DOM中document对象的常用属性方法详解

2016/10/28 Javascript

详解jQuery中基本的动画方法

2016/12/14 Javascript

Vue实现百度下拉提示搜索功能

2017/06/21 Javascript

js脚本编写简单刷票投票系统

2017/06/27 Javascript

使用3D引擎threeJS实现星空粒子移动效果

2020/09/13 Javascript

js回调函数仿360开机

2019/12/26 Javascript

[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2

2018/06/03 DOTA

python文件操作整理汇总

2014/10/21 Python

Python字符串格式化输出方法分析

2016/04/13 Python

Python3.遍历某文件夹提取特定文件名的实例

2018/04/26 Python

基于python 爬虫爬到含空格的url的处理方法

2018/05/11 Python

详解python编译器和解释器的区别

2019/06/24 Python

如何使用python进行pdf文件分割

2019/11/11 Python

python新手学习使用库

2020/06/11 Python

纯CSS3制作页面切换效果的实例代码

2019/05/30 HTML / CSS

德国电子商城：ComputerUniverse

2017/04/21 全球购物

蹦床仓库：Trampoline Warehouse

2018/12/06 全球购物

美国亚洲时尚和美容产品的一站式网上商店：Stylevana

2019/09/05 全球购物

法国包包和行李箱销售网站：Bagage24.fr

2020/03/24 全球购物

五一劳动节活动记录

2014/03/23 职场文书

竞聘上岗演讲稿

2014/05/16 职场文书

工伤事故赔偿协议书范文

2014/09/24 职场文书

环保宣传语大全

2015/07/13 职场文书

2015年小学生国庆节演讲稿

2015/07/30 职场文书

《葡萄沟》教学反思

2016/02/23 职场文书

Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏

2021/11/21 数码科技

MySQL分布式恢复进阶

2022/07/23 MySQL