Jquery: valore di default campo input

Nell'articolo precedente abbiamo visto come utilizzare  javascript per far svuotare un campo di input testo al click interno con this.defaultValue, oggi vediamo come impostare una funzione jquery che applichi il comportamento a tutti i campi di tipo text senza dover richiamare sempre lo script.

Ovviamente nell'head del documento dobbiamo caricare la versione più aggiornata di Jquery come descritto qui, con la chiamata

script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"

Poi la chiamata classica document.ready con questa sintassi:

$(document).ready(function() {
    var elem = $(':text');
    
    // on focus cancella il valore di default
    elem.focus(function()
    {
    if ( this.value == this.defaultValue )
    {
    this.value = '';
    }
    });
    
    // on blur ripristina il valore di defauult
    elem.blur(function()
    {
    if ( this.value == '' )
    {
    this.value = this.defaultValue;
    }
    });
   
})

E Jquery lavorerà per noi con tutti i campi di tipo text!