jquery隐藏、显示html元素

最新推荐文章于 2021-06-03 06:17:22 发布

qiqiaiairen

最新推荐文章于 2021-06-03 06:17:22 发布

阅读量499

点赞数

分类专栏： js 文章标签： jquery 隐藏显示

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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