Jquery focus blur给文本框加选中离开效果

 

给文本加上得到焦点有一个边框，失去焦点后去除边框的效果 

   代码相当简单

 

css:

 

.border-red{border:1px #FF0000 solid}

 

js:

 

 

  $("input[type=text]").focus(function(){
         $(this).addClass("border-red")
    }).blur(function(){
        $(this).removeClass("border-red")
    })

 

 

html结构:

 

 

<div><input type="text" name="username"><input type="text" name="age"></div>