标签的隐藏与显示

针对label，input文本框，按钮的显示与隐藏

1- 为其赋值一个独有的id属性，若一开始需要隐藏，可以在style属性中有以下写法。

①style="visibility: hidden;" 或者 ②style="display:none"

区别：①组件被隐藏，但占用空间 ② 不占用空间。

另一种隐藏：input标签text属性设置为hidden，一般用于传送特殊的值给后端。开发人员可以在浏览器的开发者工具查看。

针对上面这种隐藏，在JS实现显示的方法有二种。

⑴ $("#hid").attr('type','text');

⑵ $("#hid").prop('type','button');

type的属性可以根据自己的需要设置，不一定是text或者button。

2- 在JS中显示与隐藏

若开始选择隐藏，根据方式，有对应显示方式。假设以下id为在标签里面设置的id值

正如上① 对应的显示是

document.getElementById("id").style.visibility="visible";

② --> document.getElementById("id").style.display="";

或者$("#id").css('display','');

在JS中隐藏方法如下

①document.getElementById("id").style.visibility="hidden";

②document.getElementById("id").style.display="none"; 

或者$("#id").css('display','none');  (不知道为啥有时候上面不管用，用这个也能达到效果)