jQuery表单事件实例代码分享
本文实例为大家分享了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" class="code" />
<img src="images/code.gif" width="80" height="30" /><a href="#">换一张</a>
</p>
<p>
<input name="" type="button" class="btn" value="登录" />
<a href="#">注册</a><span>|</span><a href="#">忘记密码？</a>
</p>
</fieldset>
</div>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持积木网。
jQuery过滤选择器经典应用
本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"title过滤选择器/titlestyletype="text/css"#
jQuery fadeOut 异步实例代码详解
定义和用法fadeOut()方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。注释：隐藏的元素不会被完全显示（不再影响页面的布局）。提示
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
hide和fadeOut显示效果有什么区别？show和fadeIn显示效果都一样？很多朋友在学习jQuery的时候会遇到这个问题，hide和fadeOut都可以带有参数：$(selector).hide(spee
