jquery隐藏、显示html元素

<button type="button" class="btn btn-primary btn-refresh">刷新</button>

$().ready(function(){$(".btn-refresh").css("display","none");//jquery css方法设置隐藏$(".btn-refresh").css("display","block");//jquery css方法设置显示$(".btn-refresh").hide();//显示button$(".btn-refresh").show();//隐藏button});

display:none和visible:hidden都能把网页上某个元素隐藏起来，在视觉效果上没有区别，但是在一些DOM操作中两者有区别。
display:none-不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。

visible:hidden-使对象在网页上不可见，但该对象在网页上所占的空间没有改变，即它仍然具有高度、宽度等属性，通俗来说就是看不见但摸得到。