jQuery文本框增益的一个简单示例

1版

CSS代码段：
复制代码代码如下所示：
{。焦点
边境：1px solid # F00；
背景：# FCC；
}

当焦点获得，增加焦点的风格，添加边框，改变背景颜色# FCC

HTML代码段：
复制代码代码如下所示：



个人基本信息

名称：



密码:



详细信息：






这里有两个输入框，一个性质。

：输入匹配所有的输入，文本框内，选择，和按钮元素。

jQuery代码段：
复制代码代码如下所示：

$（函数（）{（））
$（：）。焦点（函数（）{）
$（这）。AddClass（焦点）；
}Blur（函数（）{）
$（这）。RemoveClass（焦点）；
}）；
}）


使用：输入匹配所有输入元素，当获得焦点时，添加样式焦点，并且当前元素由$（this）自动标识。焦点（）方法是在焦点事件发生时执行的函数。模糊（）方法是在焦点事件丢失时执行的函数。

版本2：

有时文本框有默认内容，作为提示信息，得到焦点，然后让它消失：
复制代码代码如下所示：

$（函数（）{（））
$（：）。焦点（函数（）{）
$（这）。AddClass（焦点）；
如果（$（this）。瓦迩（）= =这个默认值）{
美元（这个）。瓦迩（）；
}
}Blur（函数（）{）
$（这）。RemoveClass（焦点）；
如果（$）（this）（=）
$（这）。瓦迩（这个默认值）；
}
}）；
}）


要进行逻辑判断，如果值是默认值，则文本框的内容将清空。

如果焦点丢失，如果文本框为空，即没有输入，则该值被设置为默认值。

这是一个简单的逻辑。