JS元素可见性(转载)

本文由 简悦 SimpRead 转码， 原文地址 blog.csdn.net

元素可见性属性

在 HTML 中设置元素可见性有两种方法：

1. 隐藏后，该元素仍然占据其所有面积。

<button type="submit" id="btnSubmit" style="visibility:hidden">保存</button>
<button type="submit" id="btnSubmit" style="visibility:visible">保存</button>

2. 隐藏后整体消失

<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();