Question

En mi página tengo una opción de búsqueda:

<input id='buscar' value='Buscar...' />

Deseo que el texto default desaparezca cuando el cuadro de texto reciba el foco (cuando se puede escribir en el).

¿Como lo puedo hacer con jQuery?

Answer 1

Esto lo puedes hace de forma más sencilla simplemente con HTML5 con el atributo placeholder, quedaría:

<input type="text" id="buscar" placeholder="Buscar..." />

Así aparecerá el texto "Buscar..." en el input y desaparecerá cuando tenga el focus.

Para hacerlo en jQuery, sería muy sencillo:

$('#id').focus(function() {
    $(this).val('');
});