jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
本文實(shí)例講述了jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法。分享給大家供大家參考,具體如下:
$(function(){ $(".grayTips").each(function(){ //遍歷每個文本框 var objTextBox=$(this); var oldText=$.trim(objTextBox.val()); objTextBox.css("color","#888"); objTextBox.focus(function(){ if(objTextBox.val()!=oldText){ objTextBox.css("color","#000"); } else{ objTextBox.val("").css("color","#888"); } }); objTextBox.blur(function(){ if(objTextBox.val()==""){ objTextBox.val(oldText).css("color","#888"); } }); objTextBox.keydown(function(){ objTextBox.css("color","#000"); }); }); });
說明:需要引入jquery.js文件 input和TextBox都有效
$(function(){ $(".grayTip").each(function(){ var $input=$(this); $input.css("color","#888"); var oldText=$.trim($input.val()); $input.focus(function(){ var newText=$.trim($input.val()); if (newText==oldText){ $input.val(""); } $input.css("color","#000"); }); $input.blur(function(){ var newText=$.trim($input.val()); if(newText==""){ $input.val(oldText); $input.css("color","#888"); } }); }); });
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- input 輸入框獲得/失去焦點(diǎn)時隱藏/顯示文字(jquery版)
- jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
- jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的方法
- jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的簡單實(shí)例
- 讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
- 基于jQuery的input輸入框下拉提示層(自動郵箱后綴名)
- jQuery制作input提示內(nèi)容(兼容IE8以上)
- jquery實(shí)現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- js與jquery實(shí)時監(jiān)聽輸入框值的oninput與onpropertychange方法
- jQuery實(shí)現(xiàn)input輸入框獲取焦點(diǎn)與失去焦點(diǎn)時提示的消失與顯示功能示例
相關(guān)文章
針對后臺列表table拖拽比較實(shí)用的jquery拖動排序
這篇文章主要為大家詳細(xì)介紹了比較實(shí)用的jquery拖動排序,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10jQuery實(shí)現(xiàn)的無限級下拉菜單功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的無限級下拉菜單,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09淺析ajax請求json數(shù)據(jù)并用js解析(示例分析)
這應(yīng)該是每個web開發(fā)的人員都應(yīng)該掌握的基礎(chǔ)技術(shù),需要的朋友可以參考下2013-07-07jquery獲取table中的某行全部td的內(nèi)容方法
jquery獲取table中的某行全部td的內(nèi)容方法,需要的朋友可以參考一下2013-03-03jQuery動態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解
這篇文章主要介紹了jQuery動態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下2017-08-08jQuery實(shí)現(xiàn)表單動態(tài)添加數(shù)據(jù)并提交的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)表單動態(tài)添加數(shù)據(jù)并提交的方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對存在form表單的添加、提交,不存在form表單的添加、提交,ajax、非ajax形式提交等數(shù)據(jù)添加與表單提交操作技巧,需要的朋友可以參考下2018-07-07