用JQuery实现鼠标点击文本框显示隐藏提示文本

用JQuery实现鼠标点击文本框显示隐藏提示文本

　　比如本人网站的搜索框：

　　不使用的时候：

　　鼠标点击后：

　　用JQuery实现这个效果非常简单，下面是代码：

　　复制代码 代码如下:

　　$(document).ready(function () {

　　var searchBox = $("#ctl00_txtSearch");

　　searchBox.focus(function () {

　　if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性

　　searchBox.val("");

　　}

　　});

　　searchBox.blur(function () {

　　if (searchBox.val() == "") {

　　searchBox.val(this.title);

　　}

　　});

　　searchBox.blur();

　　});

　　其中#ctl00_txtSearch是搜索框的ID（ASP.NET可以通过ClientID获取这个ID）

【用JQuery实现鼠标点击文本框显示隐藏提示文本】相关文章：

关于jQuery实现高亮显示的方法介绍08-20

jquery之超简单的div显示和隐藏特效demo简介05-15

关于jquery简单图片切换显示效果实现方法介绍10-01

怎么去掉Word文本框02-18

word文本框的小技巧11-30

隐藏的文件怎么显示09-29

实现鼠标画图的Java程序06-22

隐藏的文件夹怎么显示08-02

jQuery(js)如何获取文字宽度(显示长度)09-29

鼠标点击桌面无效该怎么办07-17