用户体验问题 关于按钮的显示和隐藏

根据不同的人的权限显示不同内容，顺序：先全部隐藏——>根据权限显示
方法一：

.disblock {
    display: none !important;
}

通过$("#useid").addClass("disblock ");和$("#useid").removeClass("disblock ");隐藏和显示内容。

方法二：

function displayHideUI()
{
     var ui = document.getElementById("bbs");
     ui.style.display="none";
}
function displayShowUI()
{
     var ui = document.getElementById("bbs");
     ui.style.display=" ";//display为空的话会好使，为block会使后边的空间换行
}

https://www.cnblogs.com/mingforyou/archive/2012/09/05/2672373.html
方法二是别人的方法，就是直接对display进行了设置，但是不知道为啥设置为空没什么效果，所以采用了方法一，以后有机会再试一试。

---

隐藏方法：“display”和“visibility”
区分：当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

---

在JS里面可以用show()和hide()来控制
show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）