jQuery设置和移除文本框默认值的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
ajax无刷新动态调用股票信息(改良版)
Nov 01 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
js中的caller和callee属性介绍和例子
Jun 07 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
详解JavaScript中的异常处理方法
Jun 16 Javascript
jquery实现提示语淡入效果
May 05 jQuery
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
详解Node.js异步处理的各种写法
Jun 09 Javascript
JS运算符简单用法示例
Jan 19 Javascript
js实现计算器功能
Aug 10 Javascript
jQuery读取XML文件内容的方法
Mar 09 #Javascript
JQuery动态添加和删除表格行的方法
Mar 09 #Javascript
Python脚本后台运行的几种方式
Mar 09 #Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 #Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 #Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 #Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 #Javascript
You might like
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
Laravel 关联模型-关联新增和关联更新的方法
2019/10/10 PHP
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
jquery $("#variable") 循环改变variable的值示例
2014/02/23 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
js实现微信分享代码
2020/10/11 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
2016/01/27 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
Python开发编码规范
2006/09/08 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python使用opencv读取图片的实例
2017/08/17 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
python序列化与数据持久化实例详解
2019/12/20 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
航海技术专业毕业生求职信
2014/04/06 职场文书
优秀党员先进材料
2014/12/18 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
结婚司仪主持词
2015/06/29 职场文书
JPA如何使用entityManager执行SQL并指定返回类型
2021/06/15 Java/Android
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技