jquery 弥补ie6不支持input:hover状态

<!doctype html>
<html>
   <head>
   <meta charset="utf-8">
   <title>jquery 弥补ie6不支持input:hover状态</title>
   <style type="text/css">
   input{border:1px solid #eee;}
   input:focus{border:1px solid #ccc;}
   .focus{border:1px solid #ccc;}
   </style>
   <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
   </head>

<body>
       <form action="#" method="get">
           <label for="name">用户名</label>
           <input id="name" type="text"/>
           <label for="pass">密码</label>
           <input id="pass" type="text"/>
       </form>
       <script type="text/javascript">
       $(function(){
           $(":input").focus(function(){
               $(this).addClass("focus");
           }).blur(function(){
               $(this).removeClass("focus");
           });
       });
       </script>
   </body>
</html>

巴特西

jquery 弥补ie6不支持input:hover状态

最新文章

热门文章