隐藏元素方法(CSS对于元素隐藏的几种方法)
1.CSS对于元素隐藏的几种方法
1、overflow:hidden； 这是防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用
2、display:none；这就是完全的隐藏了，直接消失，任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，仿佛元素完全不存在一样。
3、利用opacity透明度来隐藏，opacity设置为0，它只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。
4、position：元素的定位。把position:absolutely;top:-4555px;left:-45545px;top和left设置成足够大的负数，相当于把元素放到可视区域外，它不会影响布局，能够让元素保持可操作性，在读屏软件上可以被识别。
5、visibility：规定元素 是否可见，一般设置为hidden，它可以很好的隐藏，不会影响用户的交互，在读屏软件中不会被识别。
2.CSS对于元素隐藏的几种方法
1、overflow:hidden； 这是防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用2、display:none；这就是完全的隐藏了，直接消失，任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，仿佛元素完全不存在一样。
3、利用opacity透明度来隐藏，opacity设置为0，它只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。
4、position：元素的定位。把position:absolutely;top:-4555px;left:-45545px;top和left设置成足够大的负数，相当于把元素放到可视区域外，它不会影响布局，能够让元素保持可操作性，在读屏软件上可以被识别。
5、visibility：规定元素 是否可见，一般设置为hidden，它可以很好的隐藏，不会影响用户的交互，在读屏软件中不会被识别。
3.jquery中用什么方法隐藏元素
.hide()
这个方法不接受任何参数。
.hide( [duration ] [, complete ] )
duration （默认： 400）
类型： Number or String
一个字符串或者数字决定动画将运行多久。
complete
类型： Function()
在动画完成时执行的函数。
如果没有参数，.hide（)方法是最简单的方法来隐藏一个元素：
$('.target').hide();
匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css('display', 'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。
4.CSS中如何让元素隐藏
1、使用display:none来隐藏所有内容
display:none可以让网页中所有内容不显示，如代码、文字、链接、图片、div层，是推荐的内容隐藏方式。
<div style="display:none;">；我不占地儿，你看不见我；</div>
2、使用visibility:hidden来隐藏内容
visibility:hidden和display:none可以隐藏的内容几乎一样，但唯一区别是它虽然隐藏了内容，但被隐藏掉的内容仍旧占据空间，这段隐藏了内容却保留空间的位置会在网页中显示为空白。
<div style="visibility:hidden;">；我占了地儿，你也看不见我；</div>
3、使用overflow:hidden隐藏溢出内容
overflow:hidden这种方式可以隐藏掉固定区域外的内容，它可以有效控制显示区域。但应注意，使用它时需要给它定义宽度和高度，否则会无效。
<div style="width:120px; height:20px; overflow:hidden;">；我占的地儿太多了你就看不见我的尾巴了。。。。。</div>overflow用法中存在一个分支，overflow-x:hidden和overflow-y:hidden,x是横向范围，y是纵向范围，这两个属性经常用在需要隐藏滚动条时。
