表單類各種類型(文本框)失去焦點效果jquery代碼
更新時間：2013年04月26日 15:25:19 作者：
基于jquery實現(xiàn)表單類各種類型(文本框)失去焦點效果，代碼簡單實用，感興趣的朋友可以參考下，希望對你有所幫助
復制代碼 代碼如下:
<SPAN style="FONT-SIZE: 18px">表單類失去焦點的效果</SPAN>
復制代碼 代碼如下:
<script type="text/javascript">
$(function(){
$(":input").focus(function(){ //此處可獲取各種表單如（：text/:button）
$(this).addClass("focusa");
if ($(this).val()==this.defaultValue){
$(this).val("");
}
}).blur(function(){
$(this).removeClass("focusa");
if ($(this).val()==""){
$(this).val(this.defaultValue);
}
});
});
</script>
各種表單的類型：
復制代碼 代碼如下:
<input type="text" /> 文本框
<input type="password" /> 密碼框
<input type="submit" /> 提交按鈕
<input type="reset" /> 重置按鈕
<input type="radio" /> 單選框
<input type="checkbox" /> 復選框
<input type="button" /> 普通按鈕
<input type="file" /> 文件選擇控件
<input type="hidden" /> 隱藏框
<input type="image" /> 圖片按鈕
相關(guān)文章
這篇文章主要介紹了jQuery操作json常用方法,結(jié)合實例形式分析了jQuery針對json的獲取、創(chuàng)建等常見操作技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了jquery如何實現(xiàn)表格排序、實時搜索表格內(nèi)容,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery編程中的一些核心方法,jQuery是當下人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
jquery 注意事項與常用語法小結(jié),學習jquery的朋友最好收藏下。2010-06-06
這篇文章主要介紹了一款非?？犰诺膉Query全屏3D焦點圖動畫效果其特點是整個焦點圖基本是全屏顯示的，非常大氣，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了限制上傳文件大小和格式的jQuery插件,實例分析了對上傳文件的大小及格式的限制功能,非常具有實用價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了 jQuery自定義插件詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-12-12
因為鼠標沒有拖動事件(按下鼠標并移動)，只有按下，抬起，移動2012-05-05
jQuery對事件系統(tǒng)的抽象與優(yōu)化也是它的一大特色。本文僅從事件系統(tǒng)入手，簡要分析一下jQuery為什么提供mouseenter和mouseleave事件，它們與標準的mouseover、mouseout事件有什么區(qū)別2011-11-11
本周公司技術(shù)講座輪到我了，準備說說現(xiàn)在流行的jQuery，下面是概要提綱，關(guān)鍵是看custom.js，已上傳源碼，程序中“//##”是分段用的，大家可以根據(jù)每一段取消注釋，然后找到相應的id或class名查看效果。2010-01-01