jQuery 隱藏和顯示 input 默認(rèn)值示例

更新時(shí)間：2014年06月03日 17:23:49 作者：

這篇文章主要介紹了jQuery如何隱藏和顯示 input 默認(rèn)值,需要的朋友可以參考下

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery+JavaScript 實(shí)現(xiàn) table 的增加和減少</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="請(qǐng)輸入郵箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html> 

效果預(yù)覽：

您可能感興趣的文章:

相關(guān)文章

jQuery之浮動(dòng)窗口實(shí)現(xiàn)代碼(兩種方法)
今天公司要求實(shí)現(xiàn)浮動(dòng)窗口效果，自己看了不少資料終于實(shí)現(xiàn)此效果。用jQ實(shí)現(xiàn)浮動(dòng)窗口功能,彈出窗口時(shí)背景變暗.
2010-09-09
Jquery自定義button按鈕的幾種方法
這篇文章主要介紹了Jquery.datatables 學(xué)習(xí)筆記之自定義button按鈕,需要的朋友可以參考下
2014-06-06
jQuery使用DataTable實(shí)現(xiàn)刪除數(shù)據(jù)后重新加載功能
利用jQuery Datatable和artTemplate組合來做的表格。但是當(dāng)刪除數(shù)據(jù)時(shí)，需要重新加載table里的數(shù)據(jù)。接下來通過本文給大家分享jQuery使用DataTable實(shí)現(xiàn)刪除數(shù)據(jù)后重新加載功能，需要的朋友參考下
2017-02-02
使用jQuery.fn自定義jQuery翻頁(yè)插件
第一次寫jQuery插件;自己感覺寫的也不怎么樣。寫jQuery插件利用的就是這個(gè)東東jQuery.fn,寫的過程很詳細(xì)，感興趣的朋友可以了解下，希望本文對(duì)你使用自定義插件有幫助
2013-01-01
簡(jiǎn)單易用的基于jQuery版仿新浪微博向下滾動(dòng)效果(附DEMO)
jquery版，簡(jiǎn)單易用的jQuery 版仿新浪微博向下滾動(dòng)效果，現(xiàn)在越來越發(fā)現(xiàn)jquery太強(qiáng)大咯，哈哈。
2011-02-02
jQuery基本選擇器選擇元素使用介紹
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個(gè)選擇符組成，通過基本選擇器可以實(shí)現(xiàn)大多數(shù)頁(yè)面元素的查找，感興趣的朋友可以參考下哈
2013-04-04
JQuery.ajax傳遞中文參數(shù)的解決方法推薦
許多人在使用JQuery.ajax方法時(shí)肯定會(huì)遇到一個(gè)問題。在編碼不是UTF-8的時(shí)候，當(dāng)傳遞的參數(shù)里有中文的時(shí)候，服務(wù)端Request的時(shí)候都會(huì)出現(xiàn)亂碼。
2011-03-03
jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果的相關(guān)資料,需要的朋友可以參考下
2015-07-07
jquery 全局AJAX事件使用代碼
jquery 全局AJAX事件使用代碼，需要的朋友可以參考下。
2010-11-11
Jquery創(chuàng)建一個(gè)層當(dāng)鼠標(biāo)移動(dòng)到層上面不消失效果
使用Jquery創(chuàng)建一個(gè)層，實(shí)現(xiàn)當(dāng)鼠標(biāo)移動(dòng)到層上面不消失，示例代碼如下，感興趣的朋友可以參考下
2013-12-12