表单类各种类型(文本框)失去焦点效果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 $.each()使用探讨
Sep 23 Javascript
简单的代码实现jquery定时器
Nov 17 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
原生js实现下拉框选择组件
Jan 20 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代码优化及php相关问题总结
2006/10/09 PHP
FCKeditor的安装(PHP)
2007/01/13 PHP
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
[02:46]2014DOTA2国际邀请赛 选手为你解读比赛MVP充满梦想
2014/07/09 DOTA
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
python斐波那契数列的计算方法
2018/09/27 Python
python字典一键多值实例代码分享
2019/06/14 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
Django框架 信号调度原理解析
2019/09/04 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
优秀公益广告词大全
2014/03/19 职场文书
护士节活动总结
2014/08/29 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
Redis sentinel哨兵集群的实现步骤
2022/07/15 Redis
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers