5

我有以下 HTML：

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

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

4

3 回答 3

6

这会做到的

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

更新

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

$('#test1').children().css('visibility','hidden');
于 2013-01-03T15:47:22.657 回答
5 
$('.button').css('visibility', 'hidden');

visibility:hidden保持空间原样。

于 2013-01-03T15:48:11.517 回答
1

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');} )
于 2013-01-03T15:48:09.193 回答