表单类各种类型(文本框)失去焦点效果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 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 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新手谈谈我的学习心得
2007/02/25 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
日期 时间js控件
2009/05/07 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
ElementUI radio组件选中小改造
2019/08/12 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
JS实现网页端猜数字小游戏
2020/03/06 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
js实现翻牌小游戏
2020/07/31 Javascript
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
phpquery中文手册
2021/03/18 PHP
公路绿化方案
2014/05/12 职场文书
投标诚信承诺书
2014/05/26 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
刑事辩护词范文
2015/05/21 职场文书
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫