本文由 简悦 SimpRead 转码, 原文地址 blog.csdn.net
元素可见性属性
在 HTML 中设置元素可见性有两种方法:
- 隐藏后,该元素仍然占据其所有面积。
<button type="submit" id="btnSubmit" style="visibility:hidden">保存</button>
<button type="submit" id="btnSubmit" style="visibility:visible">保存</button>
- 隐藏后整体消失
<button type="submit" id="btnSubmit" style="display:none">保存</button>
<button type="submit" id="btnSubmit" style="display:display">保存</button>
JS 设置元素可见性
使用原生 JS 设置
document.getElementById("btnSubmit").style.display="none";
document.getElementById("btnSubmit").style.display="block";
jQuery 设置元素可见性
使用 jquery 设置
$("#btnSubmit").css("display","none");
$("#btnSubmit").css("display","block");
通过调用 show() 和 hide() 函数
$("#btnSubmit").hide();
$("#btnSubmit").show();