针对这两种方式：
初级含义是：前者隐藏后，不占据空间；而后者则占据空间。均无法实现点击
深层含义是：
1.回流与重绘
正因为前者隐藏后不占据空间，所以在隐藏时需要将其从dom上删除从而产生回流和重绘；而后者因为无需此操作，所以在性能上优于前者
2.株连性
前者设置后，其子代后代元素全部销毁隐藏
后者设置后，其子代后代元素全部隐藏，可以将子代后代设置为visibility:visible将其显示。
以下是笔者认为很详细的fenxi：
http://www.zhangxinxu.com/wordpress/2012/02/css-overflow-hidden-visibility-hidden-disabled-use/
dispaly:none;和visibility:hidden; 针对这两种方式：初级含义是：前者隐藏后，不占据空...
使用JQuery隐藏元素或者显示元素的方法以及判断元素是否被隐藏
一、常用方法的性能及区别 1.display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，...
调用 show() 和 hide() 方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素...
display：none 特点：不占据空间，不能点击。会引起回流。株连性。当父级的元素进行display：none...
1. 方法一: display设置为none 元素不显示出来, 并且也不占据位置, 不占据任何空间(和不存在一...
一、元素的显示与隐藏 1、hide（元素隐藏）方法 $ele.hide()或.hide("fast / slow"...
1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点：隐藏之后，不再保...
九、元素隐藏的几种方法 （1)opacity: 0 ; 通过改变元素的透明度，从视觉上来隐藏元素，但是元素本身依然...
封装：隐藏实现细节通过公共方法向外暴露该对象的功能作用：解耦 封装：解耦隐藏对象的实现细节通过公共方法来向外暴露该...
本文标题：隐藏元素的方法及细节
本文链接：https://www.haomeiwen.com/subject/stfblxtx.html
网友评论