表單類各種類型(文本框)失去焦點效果jquery代碼
更新時間：2013年04月26日 15:25:19 作者：
基于jquery實現(xiàn)表單類各種類型(文本框)失去焦點效果，代碼簡單實用，感興趣的朋友可以參考下，希望對你有所幫助
復(fù)制代碼 代碼如下:
<SPAN style="FONT-SIZE: 18px">表單類失去焦點的效果</SPAN>
復(fù)制代碼 代碼如下:
<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>
各種表單的類型：
復(fù)制代碼 代碼如下:
<input type="text" /> 文本框
<input type="password" /> 密碼框
<input type="submit" /> 提交按鈕
<input type="reset" /> 重置按鈕
<input type="radio" /> 單選框
<input type="checkbox" /> 復(fù)選框
<input type="button" /> 普通按鈕
<input type="file" /> 文件選擇控件
<input type="hidden" /> 隱藏框
<input type="image" /> 圖片按鈕
相關(guān)文章
這篇文章主要介紹了jQuery+ajax實現(xiàn)批量刪除功能,結(jié)合完整實例形式分析了jQuery+ajax結(jié)合bootstrap與layer.js插件實現(xiàn)的批量刪除與交互功能相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
屬性的類型可以為：圖片、文本框、按鈕，然后選擇需要設(shè)置的屬性值：src、width、height、title、value等等，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05
本文主要是使用jDialog插件實現(xiàn)的彈出框效果，代碼十分簡介，需要的小伙伴自己參考下吧。2015-04-04
利用JQuery動畫制作滑動菜單項效果實現(xiàn)步驟及代碼
滑動菜單項效果,聽起來就是很時尚的一個效果，不過實現(xiàn)起來有些麻煩，還好有本文的出現(xiàn)，可以幫助你解決這個困惑，熱愛特效的你可不要錯過了哈，好了話不多說切入正文2013-02-02
這篇文章主要介紹了jQuery實現(xiàn)的淡入淡出圖片輪播效果,涉及jQuery基于定時器的頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了jQuery HTML獲取內(nèi)容和屬性操作,結(jié)合實例形式分析了jQuery HTML獲取內(nèi)容和屬性相關(guān)函數(shù)用法與操作注意事項,需要的朋友可以參考下2020-05-05
這里推薦給大家一款jquery動態(tài)云標簽的插件，非常的炫，在指定塊級元素內(nèi)動態(tài)生成a標簽，a標簽的高度、寬度、位置、層數(shù)、背景顏色隨機可控，a標簽漸隱顯示和漸隱消失，可改變初始化的透明度，鼠標懸浮停止動畫且透明度最大，層數(shù)最高，鼠標離開，恢復(fù)之前狀態(tài)2014-11-11
這篇文章主要介紹了jQuery?表單事件與遍歷詳情，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08