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

原创于 2014-03-07 12:09:03 发布 · 6.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #纵观千象 #visible #hidden #position

本文探讨了在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');
}