jquery - 我可以使 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');} )