jquery – 隐藏div但保留空白

前端之家收集整理的这篇文章主要介绍了jquery – 隐藏div但保留空白前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下div

CSS

.description {
    color: #b4afaf;
    font-size: 10px;
    font-weight: normal;
}

HTML

<div class="description">Some text here </div>

然后我有一个元素的点击函数来隐藏上面的div:

$('#target').click(function(){
  $(".description").hide();
});

当我隐藏div,它会崩溃(停止占用任何空间)。这是搞乱我的页面的布局。

有没有办法我可以隐藏的div,但仍然占用它之前的空间?我不想改变字体颜色,因为它仍然可以选择。

谢谢

解决方法

使用 visibility css属性

能见度:

The visibility property specifies whether the Boxes generated by an
element are rendered.

$(".description").css('visibility','hidden');

演示:Fiddle

猜你在找的jQuery相关文章