jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
更新時(shí)間：2010年03月21日 12:17:32 作者：
表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的jQuery代碼
復(fù)制代碼 代碼如下:
<input value="請(qǐng)輸入用戶名" type="text">
<input value="請(qǐng)輸入密碼" type="text">
<input value="提交" type="submit">
<script>
$(function(){
//輸入框中文字顏色控制
$("input:not(:last)").css("color","#999");
});
//用戶名框鼠標(biāo)焦點(diǎn)移進(jìn)，文字消失
$("input:first").click(function () {
var check1 = $(this).val();
if (check1 == this.defaultValue) {
$(this).val("");
}
});
//用戶名框鼠標(biāo)焦點(diǎn)移出，文字顯示
$("input:first").blur(function () {
$(this).val(this.defaultValue);
});
//密碼框鼠標(biāo)焦點(diǎn)移進(jìn)，文字消失
$("input:eq(1)").click(function () {
var check2 = $(this).val();
if (check2 == this.defaultValue) {
$(this).val("");
}
//密碼框鼠標(biāo)焦點(diǎn)移出，文字顯示
$("input:eq(1)").blur(function () {
$(this).val(this.defaultValue);
});
})
</script>
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)鏈接控制圖片的滑動(dòng)展開(kāi)與隱藏效果
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jquery animate實(shí)現(xiàn)鼠標(biāo)放上去顯示離開(kāi)隱藏效果
- jQuery 網(wǎng)易相冊(cè)鼠標(biāo)移動(dòng)顯示隱藏效果實(shí)現(xiàn)代碼
- 基于JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本
- 基于jquery鼠標(biāo)點(diǎn)擊其它地方隱藏層的實(shí)例代碼
- jquery插件實(shí)現(xiàn)鼠標(biāo)隱藏
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫(kù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫(kù)的方法,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素及基于get實(shí)現(xiàn)ajax交互保存數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-11-11
JQuery 中沒(méi)有文本框高亮顯示這個(gè)插件，自己今天寫(xiě)了一個(gè)Plugin，把代碼貼出來(lái)分享一下2011-04-04
jquery獲取form表單input元素值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery獲取form表單input元素值的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
本文介紹了jQuery操作對(duì)象數(shù)組元素的3種方法以及一種錯(cuò)誤方法，這里記錄一下，防止下次再犯，有需要的小伙伴也可以參考下。2014-11-11
本篇文章主要是對(duì)Jquery解析json數(shù)據(jù)進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery創(chuàng)建折疊式菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
jquery實(shí)現(xiàn)兩邊飄浮可關(guān)閉的對(duì)聯(lián)廣告
可關(guān)閉的左右兩邊漂浮的對(duì)聯(lián)廣告代碼jquery特效，寬屏分辨率大于1024px才顯示，當(dāng)用戶點(diǎn)擊關(guān)閉按鈕可以單獨(dú)關(guān)閉自己一邊的漂浮的對(duì)聯(lián)廣告代碼，juqery對(duì)聯(lián)廣告效果感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章主要介紹了jQuery隊(duì)列操作方法實(shí)例,總結(jié)出了一個(gè)簡(jiǎn)潔優(yōu)雅的隊(duì)列控制方法,需要的朋友可以參考下2014-06-06
jQuery中$.ajax()和$.getJson()同步處理詳解
這篇文章主要介紹了jQuery中$.ajax()和$.getJson()同步處理詳解的相關(guān)資料，非常的細(xì)致全面，有需要的小伙伴可以參考下。2015-08-08
圖片旋轉(zhuǎn)任意角度在某些應(yīng)用中時(shí)很有必要的，現(xiàn)在有一款JQuery插件可以辦得到，接下來(lái)為大家介紹下使用方法，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-03-03