国产激情久久久久影院小草_国产91高跟丝袜_99精品视频99_三级真人片在线观看

用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本

時(shí)間:2024-10-12 07:53:16 jQuery 我要投稿
  • 相關(guān)推薦

用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本

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

用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本

  不使用的時(shí)候:

  鼠標(biāo)點(diǎn)擊后:

  用JQuery實(shí)現(xiàn)這個(gè)效果非常簡(jiǎn)單,下面是代碼:

  復(fù)制代碼 代碼如下:

  $(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可以通過(guò)ClientID獲取這個(gè)ID)

  

【用JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本】相關(guān)文章:

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

jquery之超簡(jiǎn)單的div顯示和隱藏特效demo簡(jiǎn)介05-15

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

怎么去掉Word文本框02-18

word文本框的小技巧11-30

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

實(shí)現(xiàn)鼠標(biāo)畫(huà)圖的Java程序06-22

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

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

鼠標(biāo)點(diǎn)擊桌面無(wú)效該怎么辦07-17