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中的元素的属性和相关操作,jQuery是最为流行的JavaScript库,需要的朋友可以参考下2015-08-08
本篇文章主要是对点击回到页面顶部或是首页的功能进行了介绍，这是页面常用到的效果，需要的朋友可以过来参考下2016-11-11
将滚动的内容查询出来，放在一个div 或者别的容器里面，具体的实现代码如下2014-06-06
这篇文章主要介绍了jquery实现的随机多彩tag标签随机颜色和字号大小效果,需要的朋友可以参考下2014-03-03
下面小编就为大家带来一篇动态生成的DOM不会触发onclick事件的原因及解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了用简洁的jQuery方法toggleClass实现隔行换色，很简单，但很实用，需要的朋友可以看看2014-10-10
Jquery修改image的src属性,图片不加载问题的解决方法
下面小编就为大家带来一篇Jquery修改image的src属性,图片不加载问题的解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家分享了适应手机端的jQuery图片滑块动画,不仅在PC浏览器上可以使用，而且更适合在手机端的网页中使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
下面小编就为大家带来一篇jquery 遍历数组 each 方法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jqueyr判断checkbox组的选中示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论