jQuery设置和移除文本框默认值的方法_jquery
程序员文章站
2023-12-23 10:23:46
...
本文实例讲述了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
-
jquery设置text的值示例(设置文本框 DIV 表单值)_jquery
-
JQuery设置文本框和密码框得到焦点时的样式
-
jquery拼接ajax 的json和字符串拼接的方法
-
jQuery解析返回的xml和json方法详解
-
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
-
jQuery动态移除和添加背景图片的方法详解
-
JQuery查找子元素find()和遍历集合each的方法总结
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
-
jQuery在header中设置请求信息的方法