<!DOCTYPE html>
<html>
<head>
<script language="javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $('.someClass').each(function() {
  var $this = $(this);
  var defaultVal = $this.attr('title');
  $this.focus(function() {
   if ($this.val() === defaultVal) {
    $this.val('');
   }
  });
  $this.blur(function() {
   if ($this.val().length === 0) {
    $this.val(defaultVal);
   }
  });
 });
});
</script>
<style>
input {
 display:block;
 margin-bottom:5px;
}
</style>
</head>
<body>
<input class="someClass" type="text" title="Name" value="Name" />
<input class="someClass" type="text" title="Email Address"
value="Email Address" />
<input class="someClass" type="text" title="Default Value Here"
value="Insert form refill here" />
</body>
</html>

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)簡易的天天愛消除小游戲
貌似最近騰訊手機游戲天天愛消除挺火的，我也是粉絲之一，最近對javascript一直比較感興趣然后想用js仿造一個，應(yīng)該不是太難，
2015-10-10
jQuery父級以及同級元素查找介紹
父級以及同級元素的查找在使用過程中還是蠻頻繁的，下面為大家介紹下jQuery是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-09-09
jQuery將表單序列化成一個Object對象的實例
下面小編就為大家?guī)硪黄猨Query將表單序列化成一個Object對象的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
這篇文章主要介紹了jQuery中on綁定事件后引發(fā)的事件冒泡問題及解決辦法，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-05-05
DWZ table的原生分頁淺談
接下來看一段代碼，我會給大家詳細介紹DWZ中table分頁的使用方式，以下是在MVC中實現(xiàn)的方式。
2013-03-03
jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法,涉及jquery鼠標事件及頁面滾動的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
jquery+css3問卷答題卡翻頁動畫效果示例
本篇文章主要介紹了jquery css3問卷答題卡翻頁動畫效果，具有一定的參考價值，有需要的朋友可以了解一下。
2016-10-10
jquery分頁優(yōu)化操作實例分析
這篇文章主要介紹了jquery分頁優(yōu)化操作,在前文jQuery分頁顯示的基礎(chǔ)上實現(xiàn)了避免頻繁查詢的相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下
2019-08-08
Jquery 自定義動畫概述及示例
animate用于創(chuàng)建自定義動畫的函數(shù)，這個函數(shù)的關(guān)鍵在于指定動畫形式及結(jié)果樣式屬性對象，接下來為大家介紹下它的使用方法，感興趣的朋友可以參考下哈
2013-03-03
Jquery實現(xiàn)select multiple左右添加和刪除功能的簡單實例
下面小編就為大家?guī)硪黄狫query實現(xiàn)select multiple左右添加和刪除功能的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05