用JQuery實現(xiàn)鼠標點擊文本框顯示隱藏提示文本

用JQuery實現(xiàn)鼠標點擊文本框顯示隱藏提示文本

　　比如本人網(wǎng)站的搜索框：

　　不使用的時候：

　　鼠標點擊后：

　　用JQuery實現(xiàn)這個效果非常簡單，下面是代碼：

　　復制代碼 代碼如下:

　　$(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實現(xiàn)鼠標點擊文本框顯示隱藏提示文本】相關文章：

關于jQuery實現(xiàn)高亮顯示的方法介紹08-20

jquery之超簡單的div顯示和隱藏特效demo簡介05-15

關于jquery簡單圖片切換顯示效果實現(xiàn)方法介紹10-01

怎么去掉Word文本框02-18

word文本框的小技巧11-30

隱藏的文件怎么顯示09-29

實現(xiàn)鼠標畫圖的Java程序06-22

隱藏的文件夾怎么顯示08-02

jQuery(js)如何獲取文字寬度(顯示長度)09-29

鼠標點擊桌面無效該怎么辦07-17