jQuery實現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點移進(jìn)移出而顯示或隱藏的代碼
更新時間:2010年03月21日 12:17:32 作者:
表單input中提示文字value隨鼠標(biāo)焦點移進(jìn)移出而顯示或隱藏的jQuery代碼
復(fù)制代碼 代碼如下:
<input value="請輸入用戶名" type="text">
<input value="請輸入密碼" type="text">
<input value="提交" type="submit">
<script>
$(function(){
//輸入框中文字顏色控制
$("input:not(:last)").css("color","#999");
});
//用戶名框鼠標(biāo)焦點移進(jìn),文字消失
$("input:first").click(function () {
var check1 = $(this).val();
if (check1 == this.defaultValue) {
$(this).val("");
}
});
//用戶名框鼠標(biāo)焦點移出,文字顯示
$("input:first").blur(function () {
$(this).val(this.defaultValue);
});
//密碼框鼠標(biāo)焦點移進(jìn),文字消失
$("input:eq(1)").click(function () {
var check2 = $(this).val();
if (check2 == this.defaultValue) {
$(this).val("");
}
//密碼框鼠標(biāo)焦點移出,文字顯示
$("input:eq(1)").blur(function () {
$(this).val(this.defaultValue);
});
})
</script>
您可能感興趣的文章:
- jQuery實現(xiàn)鼠標(biāo)滑過鏈接控制圖片的滑動展開與隱藏效果
- jQuery實現(xiàn)鼠標(biāo)經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jquery animate實現(xiàn)鼠標(biāo)放上去顯示離開隱藏效果
- jQuery 網(wǎng)易相冊鼠標(biāo)移動顯示隱藏效果實現(xiàn)代碼
- 基于JQuery實現(xiàn)鼠標(biāo)點擊文本框顯示隱藏提示文本
- 基于jquery鼠標(biāo)點擊其它地方隱藏層的實例代碼
- jquery插件實現(xiàn)鼠標(biāo)隱藏
相關(guān)文章
一個可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件
此文將實現(xiàn)一個的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。2010-07-07
jquery預(yù)覽圖片實現(xiàn)鼠標(biāo)放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現(xiàn)的預(yù)覽圖片,當(dāng)鼠標(biāo)放上去顯示實際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01
jquery實現(xiàn)點擊變換導(dǎo)航樣式的方法
這篇文章主要介紹了jquery實現(xiàn)點擊變換導(dǎo)航樣式的方法,可實現(xiàn)點擊導(dǎo)航菜單選項時動態(tài)變換對應(yīng)選中項樣式的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jQuery+HTML5實現(xiàn)手機(jī)搖一搖換衣特效
經(jīng)常我們玩微信都會用到查到附近的人,都是在app上實現(xiàn)手機(jī)搖一搖的功能。現(xiàn)在,我們將此技術(shù)搬移到手機(jī)web上,供大家學(xué)習(xí),有需要的小伙伴可以參考下。2015-06-06
jQuery移除或禁用html元素點擊事件常用方法小結(jié)
這篇文章主要介紹了jQuery移除或禁用html元素點擊事件常用方法,結(jié)合實例形式總結(jié)分析了jQuery針對onclick事件的禁用與屏蔽技巧,需要的朋友可以參考下2017-02-02
EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法
這篇文章主要介紹了EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11

