本文实例为大家分享了jQuery表单事件代码，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单事件</title> </head> <style type="text/css" rel="stylesheet"> .input_focus{ background-color: #BEE7FC; } </style> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script language="JavaScript"> $(document).ready(function () { $("[name=member]").focusin(function () { $(this).addClass("input_focus"); }); $("[name=member]").blur(function () { $(this).removeClass("input_focus"); }); }); </script> <body> <div id="login"> <fieldset> <legend>用户登录</legend> <p> <label>用户名：</label> <input name="member" type="text" /> </p> <p> <label>密码：</label> <input name="password" type="text" /> </p> <p> <label>验证码：</label> <input name="code" type="text" /> <img src="images/code.gif" width="80" height="30" /><a href="#">换一张</a> </p> <p> <input name="" type="button" value="登录" /> <a href="#">注册</a><span>|</span><a href="#">忘记密码？</a> </p> </fieldset> </div> </body> </html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持查字典教程网。
【jQuery表单事件实例代码分享】相关文章：