jQuery設(shè)置和移除文本框默認(rèn)值的方法
本文實例講述了jQuery設(shè)置和移除文本框默認(rèn)值的方法。分享給大家供大家參考。具體分析如下:
開始時,文本框設(shè)定一個默認(rèn)值。當(dāng)光標(biāo)移動到文本框時,如果文本框當(dāng)前值是默認(rèn)值,那么清空;離開文本框時,文本框值如果為空,那么將文本框值設(shè)置為默認(rèn)值。
代碼如下:
$(document).ready(function() { //each遍歷文本框 $(".input").each(function() { //保存當(dāng)前文本框的值 var vdefault = this.value; $(this).focus(function() { //獲得焦點時,如果值為默認(rèn)值,則設(shè)置為空 if (this.value == vdefault) { this.value = ""; } }); $(this).blur(function() { //失去焦點時,如果值為空,則設(shè)置為默認(rèn)值 if (this.value == "") { this.value = vdefault; } }); }); });
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
- jQuery Easyui學(xué)習(xí)之datagrid 動態(tài)添加、移除editor
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實例詳解
- JQuery中DOM實現(xiàn)事件移除的方法
- JQuery實現(xiàn)樣式設(shè)置、追加、移除與切換的方法
- jquery利用命名空間移除綁定事件的方法
- jQuery實現(xiàn)設(shè)置、移除文本框默認(rèn)值功能
- 使用jQuery設(shè)置disabled屬性與移除disabled屬性
- jQuery移除元素自動解綁事件實現(xiàn)思路及代碼
- Jquery 獲取指定標(biāo)簽的對象及屬性的設(shè)置與移除
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- JQuery 在文檔中查找指定name的元素并移除的實現(xiàn)方法
相關(guān)文章
基于jQuery的一個擴展form序列化到j(luò)son對象
jQuery沒有直接支持form到j(luò)son的序列化方法,目前網(wǎng)上有一個實現(xiàn)是這樣的2010-12-12JQuery 操作Javascript對象和數(shù)組的工具函數(shù)小結(jié)
JQuery提供了很多實用的工具函數(shù)。這些函數(shù)主要分為兩類,操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。2010-01-01基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果
這篇文章主要介紹了基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果的相關(guān)資料,需要的朋友可以參考下2015-09-09jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實用,需要的朋友可以參考下2014-09-09基于jquery的復(fù)制網(wǎng)頁內(nèi)容到WORD的實現(xiàn)代碼
基于jquery的復(fù)制網(wǎng)頁內(nèi)容到WORD的實現(xiàn)代碼,需要的朋友可以參考下。2011-02-02jquery預(yù)覽圖片實現(xiàn)鼠標(biāo)放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現(xiàn)的預(yù)覽圖片,當(dāng)鼠標(biāo)放上去顯示實際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01jQuery實現(xiàn)鼠標(biāo)移到某個對象時彈出顯示層功能
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)移到某個對象時彈出顯示層功能,涉及jQuery基于事件響應(yīng)動態(tài)操作頁面元素屬性相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08