jQuery设置和移除文本框默认值的方法_jquery
程序员文章站
2022-05-20 14:10:26
...
本文实例讲述了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拼接ajax 的json和字符串拼接的方法
-
jQuery控制input只能输入数字和两位小数的方法
-
jquery设置css样式的多种方法(总结)
-
jQuery解析返回的xml和json方法详解
-
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
-
jquery获取div的高度和宽度(获取div实际宽高度的方法)
-
jquery获取div的高度和宽度(获取div实际宽高度的方法)
-
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
-
jQuery动态移除和添加背景图片的方法详解