jQuery设置和移除文本框默认值的方法
本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下:
开始时,文本框设定一个默认值。当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。
代码如下:
$(document).ready(function(){
//each遍历文本框
$(".input").each(function(){
//保存当前文本框的值
varvdefault=this.value;
$(this).focus(function(){
//获得焦点时,如果值为默认值,则设置为空
if(this.value==vdefault){
this.value="";
}
});
$(this).blur(function(){
//失去焦点时,如果值为空,则设置为默认值
if(this.value==""){
this.value=vdefault;
}
});
});
});
希望本文所述对大家的jQuery程序设计有所帮助。
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短