1、display:none,确保元素不可见,连盒模型都不生成,真正意义上的隐藏,被隐藏的元素也不占据文档的任何空间,所以绑定在元素上的dom事件也不会被触发,同时,连这个元素的子孙元素也不可见。
2、visibility:hidden,被隐藏的元素依然占据文档的空间,对布局产生影响,想要显示某个子孙元素,只需将这个子孙元素的visibility设置为visible即可,但是绑定在visibility:hidden上的dom事件不会被触发。
3、opacity:0,元素的透明度,从视觉上隐藏,元素本身依然会影响布局,占据文档流,同事对绑定在dom上的事件也会按需触发。
欢迎补充~