表单类各种类型(文本框)失去焦点效果jquery代码


Posted in Javascript onApril 26, 2013
<SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN>

<script type="text/javascript"> 
$(function(){ 
$(":input").focus(function(){ //此处可获取各种表单如(:text/:button) 
$(this).addClass("focusa"); 
if ($(this).val()==this.defaultValue){ 
$(this).val(""); 
} 
}).blur(function(){ 
$(this).removeClass("focusa"); 
if ($(this).val()==""){ 
$(this).val(this.defaultValue); 
} 
}); 
}); 
</script>

各种表单的类型:
<input type="text" /> 文本框 
<input type="password" /> 密码框 
<input type="submit" /> 提交按钮 
<input type="reset" /> 重置按钮 
<input type="radio" /> 单选框 
<input type="checkbox" /> 复选框 
<input type="button" /> 普通按钮 
<input type="file" /> 文件选择控件 
<input type="hidden" /> 隐藏框 
<input type="image" /> 图片按钮
Javascript 相关文章推荐
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
Dec 10 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
JavaScript中String对象的方法介绍
Jan 04 Javascript
js实现前端图片上传即时预览功能
Aug 02 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 #Javascript
基于jQuery选择器的整理集合
Apr 26 #Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 #Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 #Javascript
jquery中.add()的使用分析
Apr 26 #Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 #Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 #Javascript
You might like
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
mysql总结之explain
2012/02/27 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
2020/03/08 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
python3.0 字典key排序
2008/12/24 Python
Python3访问并下载网页内容的方法
2015/07/28 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
python交换两个变量的值方法
2019/01/12 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
python+opencv实现车道线检测
2021/02/19 Python
java程序员面试交流
2012/11/29 面试题
历史专业个人求职信范文
2013/12/07 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
寄语十八大感言
2014/02/07 职场文书
买卖车协议书
2014/04/21 职场文书
小组名称和口号
2014/06/09 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
认错检讨书
2014/10/02 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
护林员个人总结
2015/03/04 职场文书