jQuery設置和移除文本框默認值的方法
更新時間:2015年03月09日 12:32:49 作者:hcqenjoy
這篇文章主要介紹了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程序設計有所幫助。
您可能感興趣的文章:
- jQuery Easyui學習之datagrid 動態(tài)添加、移除editor
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實例詳解
- JQuery中DOM實現(xiàn)事件移除的方法
- JQuery實現(xiàn)樣式設置、追加、移除與切換的方法
- jquery利用命名空間移除綁定事件的方法
- jQuery實現(xiàn)設置、移除文本框默認值功能
- 使用jQuery設置disabled屬性與移除disabled屬性
- jQuery移除元素自動解綁事件實現(xiàn)思路及代碼
- Jquery 獲取指定標簽的對象及屬性的設置與移除
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- JQuery 在文檔中查找指定name的元素并移除的實現(xiàn)方法
相關文章
JQuery 操作Javascript對象和數(shù)組的工具函數(shù)小結
JQuery提供了很多實用的工具函數(shù)。這些函數(shù)主要分為兩類,操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。2010-01-01
基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果
這篇文章主要介紹了基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果的相關資料,需要的朋友可以參考下2015-09-09
jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實用,需要的朋友可以參考下2014-09-09
基于jquery的復制網(wǎng)頁內(nèi)容到WORD的實現(xiàn)代碼
基于jquery的復制網(wǎng)頁內(nèi)容到WORD的實現(xiàn)代碼,需要的朋友可以參考下。2011-02-02
jQuery實現(xiàn)鼠標移到某個對象時彈出顯示層功能
這篇文章主要介紹了jQuery實現(xiàn)鼠標移到某個對象時彈出顯示層功能,涉及jQuery基于事件響應動態(tài)操作頁面元素屬性相關實現(xiàn)技巧,需要的朋友可以參考下2018-08-08

