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>

 

转载于:https://www.cnblogs.com/ret00100/archive/2009/09/11/1564750.html