表单类各种类型(文本框)失去焦点效果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 测试及效验工具
Apr 18 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
js微信分享API
Oct 11 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
php中全局变量global的使用演示代码
2011/05/18 PHP
PHP学习笔记之字符串编码的转换和判断
2014/05/22 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
PHP编写登录验证码功能 附调用方法
2016/05/19 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
PHP实现微信提现功能
2018/09/30 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
js实现网页定位导航功能
2017/03/07 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
解决layui 三级联动下拉框更新时回显的问题
2019/09/03 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
中学生学习生活的自我评价
2013/10/26 职场文书
综合办公室个人的自我评价
2013/12/22 职场文书
员工拾金不昧表扬信
2014/01/09 职场文书
厕所文明标语
2014/06/11 职场文书
庆祝国庆节标语
2014/10/09 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
PO模式在selenium自动化测试框架的优势
2022/03/20 Python
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技