jQuery设置和移除文本框默认值的方法
更新时间：2015年03月09日 12:32:49 作者：hcqenjoy
这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下：
开始时，文本框设定一个默认值。当光标移动到文本框时，如果文本框当前值是默认值，那么清空；离开文本框时，文本框值如果为空，那么将文本框值设置为默认值。
代码如下：
$(document).ready(function() {
//each遍历文本框
$(".input").each(function() {
//保存当前文本框的值
var vdefault = this.value;
$(this).focus(function() {
//获得焦点时，如果值为默认值，则设置为空
if (this.value == vdefault) {
this.value = "";
}
});
$(this).blur(function() {
//失去焦点时，如果值为空，则设置为默认值
if (this.value == "") {
this.value = vdefault;
}
});
});
});
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要为大家详细介绍了jQuery展示表格点击变色、全选、删除的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
jQuery是一个非常优秀的JavaScript库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从Web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。2011-04-04
这篇文章主要介绍了jQuery中:contains选择器用法,以实例形式分析了:contains选择器的功能、定义及匹配给定元素文本时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
表单验证一直很繁琐，特别是大点的表单，如果每个input都去单独写验证简直要写死人，最近写了一小段js统一的验证表单内容是否正确。需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery 获取多选框的值及多选框中文的函数的相关资料,需要的朋友可以参考下2016-05-05
jQuery Mobile的loading对话框显示/隐藏方法分享
jQuery Mobile提供两个方法，使得开发者在编写JavaScript业务编辑时，可以随意的控制loading提示框2013-11-11
今天整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验2014-12-12
下面小编就为大家带来一篇Jquery元素追加和删除的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jQuery Validation实例代码 让验证变得如此容易
众所周知，Jquery以其简洁性让无数人为之疯狂。现在我要像大家介绍一个jQuery Validation，一看到Validation大家肯定第一直观感觉就是这肯定是一个验证框架，没有错，本文就是基于jQuery Validation展开讨论。2010-10-10
最新评论