次类方法类似于JavaScript中的value属性，可以用来设置和获取元素的值。下面是某网站的邮箱登录界面，默认情况下，邮箱地址文本框和邮箱密码框内分别有“请输入邮箱地址”和“请输入邮箱密码”的提示。

当鼠标聚焦到邮箱地址文本框时，文本框内的“请输入邮箱地址”文字将被清空。

如果此时未在邮箱地址框中输入任何内容，而将鼠标焦点直接聚焦到密码输入框，则会发现密码框内的文字被清空了，同时邮箱地址输入框提示也被还原了。

要实现以上例子的展示功能，可以用val()方法。实现步骤如下。

分别在页面两个文本框中设置id，同时设置它们默认值为“请输入邮箱地址”和“请输入邮箱密码”.

HTML代码如下：

<input type="text" id="address" value="请输入邮箱地址"/>
<input type="text" id="password" value="请输入邮箱密码"/>

当地址框获取鼠标焦点时，如果地址框的值为“请输入邮箱地址”，则将地址框中个的值清空。可以使用如下的jQuery代码：

$("#address").focus(function () {
 var txt_value = $(this).val(); //获取地址文本框的值
 if (txt_value == "请输入邮箱地址") {
 $(this).val("");
 }
})

当地址框失去鼠标焦点时，如果地址框的值为空，则将地址框的值设置为“请输入邮箱地址”。可以使用如下的jQuery代码:

$("#address").blur(function () {
 var txt_value = $(this).val();
 if (txt_value == "") {
 $(this).val("请输入邮箱地址")
 }
})

focus()方法相当于JavaScript中的onfocus()方法，作用是处理获得焦点时的事件。blur()方法相当于JavaScript中的onblur()方法，左右是处理失去焦点时的事件。

对“密码框”进行操作，实现过程与“地址框”相同。