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

时间:2020-11-09 12:14:33 jQuery 我要投稿

用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实现鼠标点击文本框显示隐藏提示文本】相关文章:

1.关于jQuery实现鼠标单击网页文字后在文本框显示的方法介绍

2.jquery显示和隐藏div特效的实例

3.jQuery实现网页进度显示插件方法

4.实现jQuery鼠标滑向当前图片高亮显示并且其它图片变灰的方法

5.关于jQuery实现高亮显示的方法介绍

6.jQuery控制元素显示隐藏切换滑动的方法总结

7.有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

8.jquery之超简单的div显示和隐藏特效demo简介