Czy mogę wstawić tekst wewnątrz elementu div, ale nadal go używać?

Question

Mam następujące HTML:

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

Czy istnieje sposób przy użyciu jQuery, że mogę sprawić, że tekst był niewidoczny, ale jeszcze zajmować tę samą ilość przestrzeni? Uwaga: nadal potrzebuję przycisku i jego kolorowego tła widoczne. Chcę tylko ukryć tekst. Czy to jest możliwe?

Answer 1

to zrobi to

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

Aktualizacja

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

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

Answer 2

transparent jest prawidłowy kolor, można zastosować go do tekstu:

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

---

Podobne do komentarza:

Ustawianie kolor przezroczysty i przechowywania oryginalny kolor:

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

przywrócić pierwotny kolor:

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

Answer 3

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

visibility:hidden utrzymuje przestrzeń jako to jest.