JQuery使用一例：点击文本框（请输入关键字）时自动清空文本框中的预设信息

在WEB网页上执行查询时，有时候有一个文本框中有提示信息：请输入关键字，当用户使用鼠标点击文本框时，提示信息就清空了。

这个效果可以使用JQuery来实现：

--WEB网页代码片段，如下：

<div>

<form id="test">

<input id="searchKeyword" type="text" maxlength="30" value="Please input keyword" />

</form>

</div>

在WEB页面中加入 JQuery：

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

JQuery代码如下：

<script type="text/javascript">

$(document).ready(function() {

$("#searchKeyword").focus(function() {

if ($(this).val() == "Please input keyword") {

$(this).val("");

}

});

$("#searchKeyword").blur(function() {

if ($(this).val() == "") {

$(this).val("Please input keyword");

}

});

});

</script>

你可以来试试效果了。