2019-03-17控制dom显示和隐藏的几种方式

1,style属性的display 被隐藏的控件不再占用显示时占用的位置
2,visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。
3,通过jquery 进行控制显示隐藏
(this.getElementByXid(‘domXid’)).hide(); // 隐藏(this.getElementByXid(‘domXid’)).show(); // 显示
4,绝对定位,移动到屏幕外
5 ,opacity设置透明度为0,(仍然会触发事件)
6,VUE中的v-if(不会产生DOM),
7,VUe中的v-show(相当于display:none)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 13,312评论 1 52
  • 【CSS】 1. visibility属性设为hidden(visible为不隐藏),隐藏后对应的页面位置仍被占用...
    梅子_may阅读 4,071评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,485评论 0 29
  • 元素的显示与隐藏(让一个元素“看不见”的方式) 常规:display: none;visibility: hidd...
    _空空阅读 10,805评论 0 6

友情链接更多精彩内容