DIV CSS 佈局教程網

本文實例講述了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程序設計有所幫助。