表单类各种类型(文本框)失去焦点效果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 相关文章推荐
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
Jul 21 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
React Native预设占位placeholder的使用
Sep 28 Javascript
JavaScript中callee和caller的区别与用法实例分析
Jun 28 Javascript
JS出现404错误原理及解决方案
Jul 01 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 配置文件中open_basedir选项作用
2009/07/19 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
php中in_array函数用法分析
2014/11/15 PHP
微信支付PHP SDK ―― 公众号支付代码详解
2016/09/13 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
一款js和css代码压缩工具[附JAVA环境配置方法]
2010/04/16 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python实现测试磁盘性能的方法
2015/03/12 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
pandas中Timestamp类用法详解
2017/12/11 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
pytorch之添加BN的实现
2020/01/06 Python
python实现人脸签到系统
2020/04/13 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
国旗下讲话演讲稿
2014/05/08 职场文书
校园广播稿精选
2014/10/01 职场文书
班主任培训研修日志
2015/11/13 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js