基于JQuery實現(xiàn)鼠標點擊文本框顯示隱藏提示文本
更新時間：2012年02月23日 22:55:36 作者：
我們做搜索框的時候，經(jīng)常需要這樣一個效果：搜索框默認顯示一段提示文本，比如“輸入關鍵詞”，鼠標點擊后，清空這段文本。鼠標再次點擊別的地方，又要恢復這段文本
比如本人網(wǎng)站的搜索框：
不使用的時候：
鼠標點擊后：
用JQuery實現(xiàn)這個效果非常簡單，下面是代碼：
復制代碼 代碼如下:
$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip屬性轉(zhuǎn)換為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
大家在逛淘寶的時候，把鼠標放在寶貝上就會放大，奇怪這種效果怎么實現(xiàn)的，下面小編就給大家分享基于jquery實現(xiàn)放大鏡效果，有需要的朋友可以參考下2015-08-08
Jquery給當前頁或者跳轉(zhuǎn)后頁面的導航欄添加選中后樣式的實例
下面小編就為大家?guī)硪黄狫query給當前頁或者跳轉(zhuǎn)后頁面的導航欄添加選中后樣式的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
EasyUI的doCellTip實現(xiàn)鼠標放到單元格上提示單元格內(nèi)容
本篇文章主要介紹了easyUI的doCellTip 就是鼠標放到單元格上有個提示的功能，對于Javascript教程感興趣的同學可以參考一下2016-08-08
jQuery 獲取URL的GET參數(shù)值的小例子，需要的朋友可以參考一下2013-04-04
jquery ajax異步提交表單數(shù)據(jù)的方法
這篇文章主要為大家詳細介紹了jquery ajax異步提交表單數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這里推薦給大家一款jquery動態(tài)云標簽的插件，非常的炫，在指定塊級元素內(nèi)動態(tài)生成a標簽，a標簽的高度、寬度、位置、層數(shù)、背景顏色隨機可控，a標簽漸隱顯示和漸隱消失，可改變初始化的透明度，鼠標懸浮停止動畫且透明度最大，層數(shù)最高，鼠標離開，恢復之前狀態(tài)2014-11-11
剛開始學習jQuery，可能一時會分不清楚哪些是jQuery對象，哪些是DOM對象。至于DOM對象不多解釋，我們接觸的太多了，下面重點介紹一下jQuery，以及兩者相互間的轉(zhuǎn)換。2010-04-04
這篇文章主要介紹了jquery實現(xiàn)放大鏡簡潔代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-06-06