表單類各種類型(文本框)失去焦點(diǎn)效果jquery代碼
更新時間:2013年04月26日 15:25:19 作者:
基于jquery實(shí)現(xiàn)表單類各種類型(文本框)失去焦點(diǎn)效果,代碼簡單實(shí)用,感興趣的朋友可以參考下,希望對你有所幫助
復(fù)制代碼 代碼如下:
<SPAN style="FONT-SIZE: 18px">表單類失去焦點(diǎn)的效果</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" /> 圖片按鈕
您可能感興趣的文章:
- JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時的樣式
- jquery關(guān)于頁面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時改變樣式 )
- JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
- jQuery實(shí)現(xiàn)回車鍵(Enter)切換文本框焦點(diǎn)的代碼實(shí)例
- js/jquery獲取文本框輸入焦點(diǎn)的方法
- jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- 基于jquery實(shí)現(xiàn)的移入頁面上空文本框時,讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)
- jQuery文本框得到與失去焦點(diǎn)動態(tài)改變樣式效果
相關(guān)文章
jQuery+ajax實(shí)現(xiàn)批量刪除功能完整示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)批量刪除功能,結(jié)合完整實(shí)例形式分析了jQuery+ajax結(jié)合bootstrap與layer.js插件實(shí)現(xiàn)的批量刪除與交互功能相關(guān)操作技巧,需要的朋友可以參考下2019-06-06jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08利用JQuery動畫制作滑動菜單項(xiàng)效果實(shí)現(xiàn)步驟及代碼
滑動菜單項(xiàng)效果,聽起來就是很時尚的一個效果,不過實(shí)現(xiàn)起來有些麻煩,還好有本文的出現(xiàn),可以幫助你解決這個困惑,熱愛特效的你可不要錯過了哈,好了話不多說切入正文2013-02-02jQuery實(shí)現(xiàn)的淡入淡出圖片輪播效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的淡入淡出圖片輪播效果,涉及jQuery基于定時器的頁面元素動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08jQuery HTML獲取內(nèi)容和屬性操作實(shí)例分析
這篇文章主要介紹了jQuery HTML獲取內(nèi)容和屬性操作,結(jié)合實(shí)例形式分析了jQuery HTML獲取內(nèi)容和屬性相關(guān)函數(shù)用法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05