作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 00:33:07 阅读 我要评论

比如本人网站的搜索框: 不使用的时候: 鼠标点击后: 用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)

  推荐阅读

  js URL参数的拼接方法比较

最常见的方式就是: 复制代码 代码如下:url?arg1=value1&arg2=value2&arg3=value3...   这样的方式最常见最普通也最容易理解,但是在项目中,如果后面带的参数可变而且字段有不同的值或者不同的语义时,这样的方>>>详细阅读


本文标题:基于JQuery实现鼠标点击文本框显示隐藏提示文本

地址:http://www.17bianji.com/kaifa2/JS/23616.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)