jQuery設(shè)置和移除文本框默認(rèn)值的方法

更新時(shí)間：2015年03月09日 12:32:49 作者：hcqenjoy

這篇文章主要介紹了jQuery設(shè)置和移除文本框默認(rèn)值的方法,實(shí)例分析了jQuery操作文本框的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery設(shè)置和移除文本框默認(rèn)值的方法。分享給大家供大家參考。具體分析如下：

開始時(shí)，文本框設(shè)定一個(gè)默認(rèn)值。當(dāng)光標(biāo)移動(dòng)到文本框時(shí)，如果文本框當(dāng)前值是默認(rèn)值，那么清空；離開文本框時(shí)，文本框值如果為空，那么將文本框值設(shè)置為默認(rèn)值。

代碼如下：

$(document).ready(function() {
  //each遍歷文本框
  $(".input").each(function() {
    //保存當(dāng)前文本框的值
    var vdefault = this.value;
    $(this).focus(function() {
      //獲得焦點(diǎn)時(shí)，如果值為默認(rèn)值，則設(shè)置為空
      if (this.value == vdefault) {
        this.value = "";
      }
    });
    $(this).blur(function() {
      //失去焦點(diǎn)時(shí)，如果值為空，則設(shè)置為默認(rèn)值
      if (this.value == "") {
        this.value = vdefault;
      }
    });
  });
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解jQuery中的元素的屬性和相關(guān)操作
這篇文章主要介紹了詳解jQuery中的元素的屬性和相關(guān)操作,jQuery是最為流行的JavaScript庫(kù),需要的朋友可以參考下
2015-08-08
jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面回到頂部
本篇文章主要是對(duì)點(diǎn)擊回到頁(yè)面頂部或是首頁(yè)的功能進(jìn)行了介紹，這是頁(yè)面常用到的效果，需要的朋友可以過(guò)來(lái)參考下
2016-11-11
jquery 頁(yè)眉單行信息滾動(dòng)顯示實(shí)現(xiàn)思路及代碼
將滾動(dòng)的內(nèi)容查詢出來(lái)，放在一個(gè)div 或者別的容器里面，具體的實(shí)現(xiàn)代碼如下
2014-06-06
jquery實(shí)現(xiàn)的隨機(jī)多彩tag標(biāo)簽隨機(jī)顏色和字號(hào)大小效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的隨機(jī)多彩tag標(biāo)簽隨機(jī)顏色和字號(hào)大小效果,需要的朋友可以參考下
2014-03-03
動(dòng)態(tài)生成的DOM不會(huì)觸發(fā)onclick事件的原因及解決方法
下面小編就為大家?guī)?lái)一篇?jiǎng)討B(tài)生成的DOM不會(huì)觸發(fā)onclick事件的原因及解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
用簡(jiǎn)潔的jQuery方法toggleClass實(shí)現(xiàn)隔行換色
這篇文章主要介紹了用簡(jiǎn)潔的jQuery方法toggleClass實(shí)現(xiàn)隔行換色，很簡(jiǎn)單，但很實(shí)用，需要的朋友可以看看
2014-10-10
Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法
下面小編就為大家?guī)?lái)一篇Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
適用于手機(jī)端的jQuery圖片滑塊動(dòng)畫
這篇文章主要為大家分享了適應(yīng)手機(jī)端的jQuery圖片滑塊動(dòng)畫,不僅在PC瀏覽器上可以使用，而且更適合在手機(jī)端的網(wǎng)頁(yè)中使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery 遍歷數(shù)組 each 方法詳解
下面小編就為大家?guī)?lái)一篇jquery 遍歷數(shù)組 each 方法詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jqueyr判斷checkbox組的選中(示例代碼)
jqueyr判斷checkbox組的選中示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11