我可以使div中的文本不可见，但仍然使用空间吗？

Question

我有以下HTML：

<div class="button" id="test1">Login</div>

有没有一种使用jQuery的方法，可以让文本看不见，但仍然占用相同的空间？请注意，我仍然需要按钮和它的彩色背景可见。我只想隐藏文本。这有可能吗？

Answer 1

这个就行了

$('#test1').css('opacity','0');

更新

<div class="button" id="test1"><span>Login</span></div>

$('#test1').children().css('visibility','hidden');

Answer 2

$('.button').css('visibility', 'hidden');

visibility:hidden保持空间不变。

Answer 3

transparent是有效的颜色，您可以将其应用于文本：

$('#test1').css('color','transparent');

与评论相关：

将颜色设置为透明并存储原始颜色：

$('#test1')
      .each(function(){var o=$(this);
                       if(!o.data('color')){o.data('color',o.css('color'))}})
        .css('color','transparent');

恢复原始颜色：

$('#test1').css( 'color', function(){return $(this).data('color');} )