表单类各种类型(文本框)失去焦点效果jquery代码
更新时间：2013年04月26日 15:25:19 作者：
基于jquery实现表单类各种类型(文本框)失去焦点效果，代码简单实用，感兴趣的朋友可以参考下，希望对你有所帮助
复制代码 代码如下:
<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" /> 图片按钮
相关文章
这篇文章主要介绍了jQuery+ajax实现批量删除功能,结合完整实例形式分析了jQuery+ajax结合bootstrap与layer.js插件实现的批量删除与交互功能相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了jQuery Ajax 加载数据时异步显示加载动画的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
属性的类型可以为：图片、文本框、按钮，然后选择需要设置的属性值：src、width、height、title、value等等，具体实现如下，感兴趣的朋友可以参考下哈2013-05-05
本文主要是使用jDialog插件实现的弹出框效果，代码十分简介，需要的小伙伴自己参考下吧。2015-04-04
滑动菜单项效果,听起来就是很时尚的一个效果，不过实现起来有些麻烦，还好有本文的出现，可以帮助你解决这个困惑，热爱特效的你可不要错过了哈，好了话不多说切入正文2013-02-02
这篇文章主要介绍了jQuery实现的淡入淡出图片轮播效果,涉及jQuery基于定时器的页面元素动态操作相关实现技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了jQuery HTML获取内容和属性操作,结合实例形式分析了jQuery HTML获取内容和属性相关函数用法与操作注意事项,需要的朋友可以参考下2020-05-05
这里推荐给大家一款jquery动态云标签的插件，非常的炫，在指定块级元素内动态生成a标签，a标签的高度、宽度、位置、层数、背景颜色随机可控，a标签渐隐显示和渐隐消失，可改变初始化的透明度，鼠标悬浮停止动画且透明度最大，层数最高，鼠标离开，恢复之前状态2014-11-11
这篇文章主要介绍了jQuery 表单事件与遍历详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
多个$(document).ready()的执行顺序实例分析
这篇文章主要介绍了多个$(document).ready()的执行顺序实例分析,对于加深理解$(document).ready()的加载与执行顺序有很大帮助,需要的朋友可以参考下2014-07-07
最新评论