表单类各种类型(文本框)失去焦点效果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 相关文章推荐
jQuery 注意事项 与原因分析
Apr 24 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
详解javascript new的运行机制
Jan 26 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
Javascript中的作用域及块级作用域
Dec 08 Javascript
react-redux中connect的装饰器用法@connect详解
Jan 13 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 30 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 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实现取得HTTP请求的原文
2014/08/18 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
php面向对象值单例模式
2016/05/03 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
在网页里看flash的trace数据的js类
2009/01/10 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
2016/10/24 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
js统计页面上每个标签的数量实例代码
2018/05/29 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
微信小程序签到功能
2018/10/31 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
Python使用Supervisor来管理进程的方法
2015/05/28 Python
用python找出那些被“标记”的照片
2017/04/20 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
Python列表切片操作实例总结
2019/02/19 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
酒店总经理工作职责
2013/12/13 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书