jquery获得焦点与失去焦点改变文本框背景图的写法
2012-11-09 15:42:01 来源:WEB开发网 <script type="text/javascript">
$(function () {
//文本框样式切换
$(".username").focus(function () {
$(this).removeClass("usernamefocus").addClass("username");
}).blur(function () {
$(this).removeClass("username").addClass("usernamefocus");
});
$(".password").focus(function () {
$(this).removeClass("password").addClass("passwordfocus");
}).blur(function () {
$(this).removeClass("passwordfocus").addClass("password");
});
//按钮样式切换
$(".button_one").hover(
function () {
$(this).removeClass("button_one").addClass("button_two");
},
function () {
$(this).removeClass("button_two").addClass("button_one");
}
);
$(".button_two").hover(
function () {
$(this).removeClass("button_one").addClass("button_two");
},
function () {
$(this).removeClass("button_two").addClass("button_one");
}
);
});
</script>
- ››jquery .ajax方法 异步表单,接收服务器返回的数据...
- ››jquery 添加\删除 cookie
- ››jquery 正则表达式判断是否为正确邮箱格式
- ››jQuery EasyUI 数字框(NumberBox)用法
- ››JQuery中对option的添加、删除、取值
- ››JQuery实现下拉,单选,复选三大控件方法,
- ››jquery实现判断输入文字个数的代码
- ››jQuery bxCarousel实现图片滚动切换效果
- ››jQuery弹性滑动导航菜单
- ››jquery实现全选反选功能
- ››jQuery 屏蔽单个元素使用户无法点击
- ››jquery做复选框的全选、全部选、反选更加简单
更多精彩
赞助商链接