私は次のHTMLを持っています:
<div class="button" id="test1">Login</div>
jQuery を使用してテキストを非表示にできますが、それでも同じ量のスペースを占める方法はありますか? ボタンとその色付きの背景を表示する必要があることに注意してください。テキストを非表示にしたいだけです。それは可能ですか?
私は次のHTMLを持っています:
<div class="button" id="test1">Login</div>
jQuery を使用してテキストを非表示にできますが、それでも同じ量のスペースを占める方法はありますか? ボタンとその色付きの背景を表示する必要があることに注意してください。テキストを非表示にしたいだけです。それは可能ですか?
これでできます
$('#test1').css('opacity','0');
アップデート
<div class="button" id="test1"><span>Login</span></div>
$('#test1').children().css('visibility','hidden');
$('.button').css('visibility', 'hidden');
visibility:hidden
スペースはそのままに。
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');} )