css隐藏元素依旧占位子，避免空出位置

iteye_13003

于 2014-03-07 12:09:03 发布

阅读量6.7k

点赞数 5

CC 4.0 BY-SA版权

文章标签：乔乐共享纵观千象 visible hidden position

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82571547

本文探讨了在JavaScript中如何灵活地控制元素的可见性，包括使用display:none和visibility:hidden两种方式的区别及其应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 这样隐藏元素，位置会自动清除，即：display:none;
if(v){
	jQuery(".symbolBtn").show();
} else {
	jQuery(".symbolBtn").hide();
}

// 若想隐藏元素，位置还占着，需要：visibility:hidden;
if(v){
	jQuery(".caseSwitchBtn").css('visibility', 'visible');
} else {
	jQuery(".caseSwitchBtn").css('visibility', 'hidden');
}