表单类各种类型(文本框)失去焦点效果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 文件夹选择框的两种解决方案
Jul 01 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
删除节点的jquery代码
Jan 13 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
关于JavaScript数组去重的一些理解汇总
Sep 10 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
PHP日期处理函数 整型日期格式
2011/01/12 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
ThinkPHP实现图片上传操作的方法详解
2017/05/08 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
JavaScript中this详解
2015/09/01 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
2016/02/21 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
2016/09/21 Javascript
ajax与json 获取数据并在前台使用简单实例
2017/01/19 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
vue实现评价星星功能
2020/06/30 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
[03:07]DOTA2英雄基础教程 冰霜诅咒极寒幽魂
2013/12/06 DOTA
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
Python 内置函数complex详解
2016/10/23 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
倩碧美国官网:Clinique美国
2016/07/20 全球购物
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
当文件系统受到破坏时,如何检查和修复系统?
2012/03/09 面试题
2014年道德讲堂实施方案
2014/03/05 职场文书
森林病虫害防治方案
2014/06/02 职场文书
好听的队名和口号
2014/06/09 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
2015年大学生工作总结
2015/04/21 职场文书
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android