 
function switchText() 
{ 
if ($(this).val() == $(this).attr('title')) 
$(this).val('').removeClass('helpText'); 
else if ($.trim($(this).val()) == '') 
$(this).addClass('helpText').val($(this).attr('title')); 
} 

（4）具體實現(xiàn)

復(fù)制代碼代碼如下:

 
$('input[type=text][title!=""]').each(function() { 
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title')); 
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText'); 
}).focus(switchText).blur(switchText); 

$('form').submit(function() { 
$(this).find('input[type=text][title!=""]').each(function() { 
if ($(this).val() == $(this).attr('title')) $(this).val(''); 
}); 
}); 

2. 參考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/

您可能感興趣的文章:

相關(guān)文章

解析Jquery的LigerUI如何實現(xiàn)文件上傳
本篇文章是對Jquery中的LigerUI實現(xiàn)文件上傳的方法，進行了分析介紹，需要的朋友可以參考下
2013-07-07
跟著JQuery API學(xué)Jquery 之四 css
在javascript中我們常常要改變dom的css樣式，同樣Jquery也對改變css做了封裝不用我們?nèi)ビ?getElementByid().style.……來操作了
2010-04-04
JQuery Ajax WebService傳遞參數(shù)的簡單實例
下面小編就為大家?guī)硪黄狫Query Ajax WebService傳遞參數(shù)的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
jquery.cookie.js用法實例詳解
這篇文章主要介紹了jquery.cookie.js用法,結(jié)合實例形式較為詳細的分析了jquery.cookie.js針對cookie的獲取、創(chuàng)建、設(shè)置、刪除等常用技巧,需要的朋友可以參考下
2015-12-12
基于jQuery實現(xiàn)文字打印動態(tài)效果
這篇文章主要介紹了基于jQuery實現(xiàn)文字打印動態(tài)效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
通過jQuery源碼學(xué)習(xí)javascript(二)
昨天寫了篇通過jQuery源碼學(xué)習(xí)javascript（一），里面有一個定義對象C的方法，我早期也沒有太注意這個方面的技術(shù)細節(jié)。后來我查了一下資料，發(fā)現(xiàn)里面有很多巧的地方。今天與大家分享
2012-12-12
jQuery 開天辟地入門篇一
這篇jquery入門的文章，確實不錯，前提是大家已經(jīng)對js稍微熟悉一點即可能看懂，非常不錯的jquery入門篇文章。
2009-12-12
jQuery制作簡潔的圖片輪播效果
這篇文章主要介紹了jQuery制作簡潔的圖片輪播效果，代碼非常的精簡，小伙伴們可以自己美化下，自由擴展。
2015-04-04
jquery鼠標(biāo)停止移動事件
這篇文章主要介紹了jquery鼠標(biāo)停止移動事件，有需要的朋友可以參考一下
2013-12-12
JQuery限制復(fù)選框checkbox可選中個數(shù)的方法
這篇文章主要介紹了JQuery限制復(fù)選框checkbox可選中個數(shù)的方法,涉及jQuery操作復(fù)選框長度判斷與屬性修改的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04