display:none, visualbility:hidden 和 opacity:0 的区别

一，display:none

1.dom依然渲染，看不见摸不着

2.将一个元素切换到display:none时，会引发回流和重绘，因为页面会重新布局。

二，visualbility:hidden

1.占据原来的空间，看不见摸得着

2.定义在元素上面的事件如点击事件依然会执行，只会触发重绘

三，opcity:0

1，同visualbility:hidden 看不见摸得着

2.就是将透明度设为100%，

四，注意

1.这三种方法都没有销毁DOM