基于JQuery实现鼠标点击文本框显示隐藏提示文本
更新时间：2012年02月23日 22:55:36 作者：
我们做搜索框的时候，经常需要这样一个效果：搜索框默认显示一段提示文本，比如“输入关键词”，鼠标点击后，清空这段文本。鼠标再次点击别的地方，又要恢复这段文本
比如本人网站的搜索框：
不使用的时候：
鼠标点击后：
用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中操作Css样式的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery Validate初步体验(二) 的相关资料,需要的朋友可以参考下2015-12-12
大家在逛淘宝的时候，把鼠标放在宝贝上就会放大，奇怪这种效果怎么实现的，下面小编就给大家分享基于jquery实现放大镜效果，有需要的朋友可以参考下2015-08-08
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
下面小编就为大家带来一篇Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
本篇文章主要介绍了easyUI的doCellTip 就是鼠标放到单元格上有个提示的功能，对于Javascript教程感兴趣的同学可以参考一下2016-08-08
jQuery 获取URL的GET参数值的小例子，需要的朋友可以参考一下2013-04-04
这篇文章主要为大家详细介绍了jquery ajax异步提交表单数据的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这里推荐给大家一款jquery动态云标签的插件，非常的炫，在指定块级元素内动态生成a标签，a标签的高度、宽度、位置、层数、背景颜色随机可控，a标签渐隐显示和渐隐消失，可改变初始化的透明度，鼠标悬浮停止动画且透明度最大，层数最高，鼠标离开，恢复之前状态2014-11-11
刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。2010-04-04
这篇文章主要介绍了jquery实现放大镜简洁代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
最新评论