<form action="" method="post" id="regForm">
<label  for="username">名称:</label>
<input id="username" type="text" value="名称" />
</form>

 .focus { 
     border: 1px solid #f00;
     background:#CCC;
} 

<script src="jquery-1.9.1.js" type="text/javascript">
$(function(){
    $(":input").focus(function(){
          $(this).addClass("focus");
          if($(this).val() ==this.defaultValue){  
              $(this).val("");           
          } 
    }).blur(function(){
         $(this).removeClass("focus");
         if ($(this).val() == '') {
            $(this).val(this.defaultValue);
         }
    });
})
</script>

当input字段获得焦点时，背景和边框都应该会有变化？为什么我的没有？
求大神们指点