css - 如何隐藏所有表单域
问题描述
I am trying to hide all form fields by adding them to a <style>
(#mainContent)..
I am using select2, and I have added the code below, which will show the <style>
, once select2 has loaded.
$.when(
$("select[class*='select2']" ).select2({
allowClear: true
})
).done(function(){
$('#mainContent').css({'visibility': 'visible'})
});
Any help would be much appreciated, thanks.
解决方案
如果要隐藏元素,我建议创建一个 css 类,然后在元素上添加该类。
JQuery 也有 .show() 和 .hide() -这里的例子
display:none表示相关标签根本不会出现在页面上(尽管您仍然可以通过 dom 与它进行交互)。其他标签之间不会有空间分配给它。
visibility:hidden意味着与 display:none 不同,标签是不可见的,但在页面上为其分配了空间。标签被渲染,它只是在页面上看不到。
#mainContent {
display: none;
opacity: 0
visibility: hidden;
}
额外信息
+--------------------+----------------+-----------------+
| Property | occupies space | consumes clicks |
+--------------------+----------------+-----------------+
| opacity: 0 | ✓ | ✓ |
+--------------------+----------------+-----------------+
| visibility: hidden | ✓ | ✗ |
+--------------------+----------------+-----------------+
| display: none | ✗ | ✗ |
+--------------------+----------------+-----------------+
推荐阅读
- r - 使用 dbReadTable in_schema
- .net - 使用 WireMock.Net,如何为 JSON 请求体做静态映射?
- javascript - 如何在 JavaScript 中通过 webpack 扩展原生类?
- javafx - JavaFX - EventDispatcher 和 EventFilter 之间的区别
- rest - Docker swarm 未连接到应用程序 API
- javascript - 检查数据是否在 reactJS 中发布
- html - Jekyll 乳胶没有出现在远程但出现在本地
- vba - 如何根据某些颜色代码自动测量PPT中的线条
- facebook-graph-api - Facebook Graph API 用于获取我可以创建内容的页面
- java - 拖动按钮称为查看什么是错的以及如何解决它