表單類各種類型(文本框)失去焦點(diǎn)效果jquery代碼
更新時(shí)間:2013年04月26日 15:25:19 作者:
基于jquery實(shí)現(xiàn)表單類各種類型(文本框)失去焦點(diǎn)效果,代碼簡(jiǎn)單實(shí)用,感興趣的朋友可以參考下,希望對(duì)你有所幫助
復(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)時(shí)的樣式
- jquery關(guān)于頁(yè)面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時(shí)改變樣式 )
- JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
- jQuery實(shí)現(xiàn)回車鍵(Enter)切換文本框焦點(diǎn)的代碼實(shí)例
- js/jquery獲取文本框輸入焦點(diǎn)的方法
- jQuery 文本框得失焦點(diǎn)的簡(jiǎn)單實(shí)例
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- 基于jquery實(shí)現(xiàn)的移入頁(yè)面上空文本框時(shí),讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)
- jQuery文本框得到與失去焦點(diǎn)動(dòng)態(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-06
jQuery Ajax 加載數(shù)據(jù)時(shí)異步顯示加載動(dòng)畫
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時(shí)異步顯示加載動(dòng)畫的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08
利用JQuery動(dòng)畫制作滑動(dòng)菜單項(xiàng)效果實(shí)現(xiàn)步驟及代碼
滑動(dòng)菜單項(xiàng)效果,聽(tīng)起來(lái)就是很時(shí)尚的一個(gè)效果,不過(guò)實(shí)現(xiàn)起來(lái)有些麻煩,還好有本文的出現(xiàn),可以幫助你解決這個(gè)困惑,熱愛(ài)特效的你可不要錯(cuò)過(guò)了哈,好了話不多說(shuō)切入正文2013-02-02
jQuery實(shí)現(xiàn)的淡入淡出圖片輪播效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的淡入淡出圖片輪播效果,涉及jQuery基于定時(shí)器的頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08
jQuery HTML獲取內(nèi)容和屬性操作實(shí)例分析
這篇文章主要介紹了jQuery HTML獲取內(nèi)容和屬性操作,結(jié)合實(shí)例形式分析了jQuery HTML獲取內(nèi)容和屬性相關(guān)函數(shù)用法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
jQuery 動(dòng)態(tài)云標(biāo)簽插件
這里推薦給大家一款jquery動(dòng)態(tài)云標(biāo)簽的插件,非常的炫,在指定塊級(jí)元素內(nèi)動(dòng)態(tài)生成a標(biāo)簽,a標(biāo)簽的高度、寬度、位置、層數(shù)、背景顏色隨機(jī)可控,a標(biāo)簽漸隱顯示和漸隱消失,可改變初始化的透明度,鼠標(biāo)懸浮停止動(dòng)畫且透明度最大,層數(shù)最高,鼠標(biāo)離開(kāi),恢復(fù)之前狀態(tài)2014-11-11

