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