jQuery設定和移除文字方塊預設值的方法_jquery

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