jquery focus(fn),blur(fn)方法實例代碼
更新時間：2011年12月16日 00:22:00 作者：
jquery focus(fn),blur(fn)方法實例代碼，需要的朋友可以參考下。
首先建一個CSS樣式表
.highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;}
然后增加如下代碼
<script type ="text/javascript" language ="javascript">
$(document).ready(function(){
$("input[type=text]").focus(function(){
$(this).addClass("highlight")
}).blur(function(){$(this).removeClass("highlight")});
});
</script>
jQuery 參考手冊 - 事件
.highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;}
然后增加如下代碼
復制代碼 代碼如下:
<script type ="text/javascript" language ="javascript">
$(document).ready(function(){
$("input[type=text]").focus(function(){
$(this).addClass("highlight")
}).blur(function(){$(this).removeClass("highlight")});
});
</script>
jQuery 參考手冊 - 事件
您可能感興趣的文章:
- jQuery中$.click()無效問題分析
- jquery單選框radio綁定click事件實現(xiàn)方法
- jquery bind(click)傳參讓列表中每行綁定一個事件
- 使用jQuery的attr方法來修改onclick值
- jquery 為a標簽綁定click事件示例代碼
- jquery trigger偽造a標簽的click事件取代window.open方法
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jQuery防止click雙擊多次提交及傳遞動態(tài)函數(shù)或多參數(shù)
- jQuery focus和blur事件的應用詳解
- jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
- jQuery 事件 - focus() 方法
相關文章
動感效果的TAB選項卡jquery 插件,需要的朋友可以參考下。2011-07-07
jQuery實現(xiàn)簡單網(wǎng)頁遮罩層/彈出層效果兼容IE6、IE7
自寫寫的一個jQuery插件，可以實現(xiàn)簡單網(wǎng)頁遮罩層/彈出層功能，并且兼容IE6、IE7，需要的朋友可以參考下2014-06-06
jQuery 工具提示可以讓網(wǎng)站上一些小的幫助信息顯示更加直觀，提升用戶的體驗。2011-05-05
這篇文章主要介紹了jquery 校驗中國身份證號碼實例詳解的相關資料,需要的朋友可以參考下2017-04-04
首先引入JQuery文件庫只需將文件導入頁面中即可，即在<head></head>中，接下來詳細介紹，感興趣的朋友可以了解下2013-01-01
下面小編就為大家?guī)硪黄猨Query事件綁定方法學習總結(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jquery實現(xiàn)效果比較好的table選中行顏色
這篇文章主要介紹了jquery table選中行顏色實現(xiàn)代碼,需要的朋友可以參考下2014-03-03
jQuery中filter()和find()的區(qū)別深入了解
一直不是很清楚filter()方法和find()方法的區(qū)別，看jQuery Cookbook一書后，終于算是搞清楚了，下面將新的與大家分享下2013-09-09
這篇文章主要為大家詳細介紹了jquery+Ajax實現(xiàn)簡單分頁條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
jQuery的開發(fā)速度很快，幾乎每半年一個大版本，每兩個月一個小版本。每個版本都會引入一些新功能。今天我想介紹的，就是從jQuery 1.5.0版本開始引入的一個新功能----deferred對象。2011-08-08