jQuery實(shí)用小技巧_輸入框文字獲取和失去焦點(diǎn)的簡(jiǎn)單實(shí)例
jQuery實(shí)用小技巧_輸入框文字獲取和失去焦點(diǎn)的簡(jiǎn)單實(shí)例
<input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { $("input.text1").val("輸入文字!"); textFill($('input.text1')); }) function textFill(input) { var str = input.val(); input.focus(function () { if ($.trim(input.val()) == str) { input.val(''); } }).blur(function () { if ($.trim(input.val()) == '') { input.val(str); } }); } </script>
以上這篇jQuery實(shí)用小技巧_輸入框文字獲取和失去焦點(diǎn)的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery前端開發(fā)35個(gè)小技巧
- 七個(gè)不允許錯(cuò)過(guò)的jQuery小技巧
- WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫
- 15個(gè)jquery常用方法、小技巧分享
- jQuery提交多個(gè)表單的小技巧
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- 幾個(gè)比較經(jīng)典常用的jQuery小技巧
- Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
- jQuery開發(fā)者都需要知道的5個(gè)小技巧
- jQuery中的一些小技巧
相關(guān)文章
自定義jquery模態(tài)窗口插件無(wú)法在頂層窗口顯示問(wèn)題
自定義一個(gè)jquery模態(tài)窗口插件只能在mainFrame窗口中顯示,無(wú)法在頂層窗口顯示2014-05-05jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03實(shí)例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實(shí)例,代碼通俗易懂。需要的朋友來(lái)看下吧2016-12-12JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實(shí)例詳解,需要的朋友可以參考下2015-11-11jQuery實(shí)現(xiàn)固定在網(wǎng)頁(yè)頂部的菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)固定在網(wǎng)頁(yè)頂部的菜單效果,通過(guò)jquery頁(yè)面scroll事件及邊距計(jì)算實(shí)現(xiàn)網(wǎng)頁(yè)的菜單固定效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09