display：none的作用是属性所属对象，不可见且不占空间。
visibility：hidden的作用是属性所属对象，不可见，但是还占着茅坑
有一个区别，可以直接在html元素中写 display=‘none’，但是只能在visibility只能这么写style="visibility:hidden"；，jquey可以通过$().css("visibility","visible")来改动。
jquey中的hide（）和show（）方法操作的是display属性
xiaoxiaoHer
- 浏览: 332271 次
- 性别:
- 来自: 南京
-
文章分类
- 全部博客 (406)
- activiti (1)
- angular (1)
- bat (1)
- c (5)
- css (1)
- docker (4)
- echarts (1)
- eclipse和tomcat (23)
- ehcache (1)
- ejb (1)
- idea (4)
- git (2)
- javascript (39)
- java基础 (95)
- jvm (8)
- linux (20)
- log (1)
- maven (13)
- mina (3)
- mybatis (17)
- mysql (12)
- nginx (6)
- node.js (2)
- oracle (42)
- postgresql (1)
- redis (9)
- shiro (8)
- sitemesh (1)
- spring (19)
- springmvc (9)
- web (7)
- weblogic (1)
- 编码 (11)
- 产品 (2)
- 第三方jar包 (3)
- 工作日志 (3)
- 规范 (3)
- 计算机 (13)
- 网络 (7)
- 项目管理 (3)
最新评论
分享到：
发表评论
-
new Date（）时出的一个错误
2018-04-08 18:54 461javascript是一个弱类型语言，指的是声明一个变 ... -
用javascript将require.js文件的注释和空行去掉
2017-08-18 15:00 634最近在看require.js源码，看的差不多就想把源码上的 ... -
addEventListener和attachEvent
2017-08-17 14:46 374一般我们在JS中添加事件,是这样子的 obj.oncli ... -
regexp正则
2017-08-11 17:44 359正则表达式的基本语法如下2种： 直接量语法： ... -
require.js的好处1
2017-08-11 17:38 414一个例子就能说明一大好处 index.html < ... -
function对象的length属性 caja
2017-08-11 17:30 323function对象的length属性值等于函数形参个数： ... -
typeof运算符
2017-08-10 15:44 748typeof是一个一元运算符，它返回的结果 始终是一个字符串 ... -
jquery对象的比较
2017-08-10 10:05 284$("div").each(functi ... -
get set 特性
2017-08-01 15:36 407get/set访问器不是对象的属性，而是属性的特性。请看《对 ... -
对象属性的特性
2017-08-01 15:14 386转自：http://www.cnblogs.com/yuge ... -
js修改onchange的值，display：none写法的影响
2017-07-20 17:49 10031.select的onchange自能对手动改变值做出反应 ... -
require.js中使用toString方法判断数据类型的分析
2017-07-14 17:06 361function isFunction(it) { ... -
this作为方法参数时指向的值
2017-07-14 11:21 333var test = { foo:function( ... -
弱类型对“||” 和 “&&”的处理
2017-06-19 10:29 444在javascript中数据类型可以分为“真值“和“ ... -
require.js使用教程
2017-06-14 18:02 1381require.js API:http://require ... -
AMD
2017-06-13 15:37 502AMD规范文档：https://git ... -
js异步再看
2017-06-12 18:01 323之前有一篇《异步运 ... -
js代码位置对程序的影响
2017-06-09 17:26 290html文档是由浏览器从上到下依次加载的，javascrip ... -
javascript参数
2017-06-07 18:05 270跟java相比javascript是一种很灵活（神经病）的语 ... -
if(obj.length === +obj.length)
2017-06-07 16:55 331underscore源码里面这样写的原因是什么呢？ 上网 ...
相关推荐
在提供的示例代码中，通过JavaScript函数`toggleVisibility`和`toggleDisplay`展示了如何动态地切换元素的`visibility`和`display`属性。 ```html function toggleVisibility(me) { if (me.style.visibility == ...
在网页布局和样式设计中，`display` 和 `visibility` 是两个非常重要的CSS属性，它们都能用来控制元素的可见性，但实现方式和效果大不相同。本篇文章将深入探讨两者之间的区别，并通过示例来具体说明。 首先，`...
在网页设计和开发中，`display` 和 `visibility` 是两个非常重要的CSS属性，它们用于控制元素在页面上的可见性和布局。这篇博客文章通过代码示例深入探讨了这两个属性的区别和用法。 首先，`display` 属性主要用于...
在网页布局和设计中，`display` 和 `visibility` 是两个非常重要的CSS属性，它们都可以用来控制元素的可见性，但实现方式和效果却大不相同。以下是对这两个属性的详细解析。 首先，`visibility` 属性用于决定一个...
在CSS中，`display`和`visibility`两个属性都是用于控制元素在页面上的显示状态，但它们的作用方式和效果有着显著的区别。 `display`属性主要影响元素的布局和类型。它有多种不同的值： 1. `block`：将元素转换为...
在CSS布局中，`display`和`visibility`是两个非常重要的属性，它们分别负责控制元素的显示方式和可见性。虽然两者都能使元素在页面上不可见，但它们的机制和影响是不同的。 首先，`visibility`属性主要用于决定元素...
在CSS中，隐藏元素的方法主要有三种：`display:none`、`visibility:hidden`和`opacity:0`，它们各自有不同的特点和适用场景。 1. `display:none`：此属性会使元素完全从页面布局中消失，不占据任何空间。元素及其...
为了更好地理解display和visibility的差别，我们可以观察示例页面上div元素的表现。当使用display属性控制时，点击"DIV切换"按钮，相应的div元素会在显示与不显示之间切换，并且如果元素被隐藏，那么它不会占用任何...
今天我们将深入探讨容易混淆的三个概念：`div`与`span`、`relative`与`absolute`以及`display`与`visibility`。 1. `div`与`span`的区别： - `div`是一个块级（block-level）元素，它会在页面上占据一整行，并且...
通过下面的例子了解display和visibility的区别，简单的例子代码如下： 复制代码代码如下: <html> <head> <title>HTML元素的显示与隐藏控制</title> [removed] function showAndHidden1(){ ...
JS 中 style.display 和 style.visibility 的区别实例说明 在 JavaScript 中，style.display 和 style.visibility 是两种常用的控制元素显隐的方法，但是它们之间有着根本的区别。 style.display style.display ...
隐藏网页元素通常涉及到两个重要的CSS属性：display和visibility。本文将详细探讨CSS元素隐藏的原理以及display:none和visibility:hidden这两个属性的不同应用及其影响。 首先，CSS元素隐藏的原理主要包括两个方面...
11_元素的隐藏-display-visibility
总结一下，visibility和display在隐藏元素时的主要区别在于： 1. visibility属性隐藏元素后，元素依然保留占据空间，但不可见，也不响应任何事件。 2. display属性设置为none后，元素不仅不可见，且不再占据任何布局...