jquery focus(fn),blur(fn)方法實(shí)例代碼

更新時(shí)間：2011年12月16日 00:22:00 作者：

jquery focus(fn),blur(fn)方法實(shí)例代碼，需要的朋友可以參考下。

首先建一個(gè)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 參考手冊(cè) - 事件

您可能感興趣的文章:

focus
blur

相關(guān)文章

jQuery仿360導(dǎo)航頁(yè)圖標(biāo)拖動(dòng)排序效果代碼分享
這篇文章主要為大家詳細(xì)介紹了360導(dǎo)航頁(yè)圖標(biāo)拖動(dòng)排序效果代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08
jquery中常用的SET和GET
Jquery中的很多方法都是如此，主要包括如下幾個(gè)
2009-01-01
高效jQuery選擇器的5個(gè)技巧實(shí)例分析
這篇文章主要介紹了高效jQuery選擇器的5個(gè)技巧,結(jié)合實(shí)例形式總結(jié)分析了jquery選擇器使用過(guò)程中發(fā)的各種常用技巧,需要的朋友可以參考下
2019-11-11
jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果,結(jié)合完整實(shí)例形式分析了jQuery動(dòng)態(tài)操作頁(yè)面元素屬性實(shí)現(xiàn)動(dòng)畫效果的方法,涉及jQuery的事件綁定、元素遍歷及屬性操作等相關(guān)技巧,需要的朋友可以參考下
2016-08-08
jquery模擬實(shí)現(xiàn)鼠標(biāo)指針停止運(yùn)動(dòng)事件
這篇文章主要介紹了jquery模擬實(shí)現(xiàn)鼠標(biāo)指針停止運(yùn)動(dòng)事件示例代碼，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery+.net實(shí)現(xiàn)瀏覽更多內(nèi)容(改編php版本)
改編自php版本這里記錄.net 下的實(shí)現(xiàn);首先創(chuàng)建數(shù)據(jù)庫(kù)表test，并插入一些測(cè)試數(shù)據(jù)接下來(lái)建立一個(gè)html文件，感興趣的朋友可以參考下哈，希望您可以幫助到你
2013-03-03
jQuery實(shí)現(xiàn)倒計(jì)時(shí)（倒計(jì)時(shí)年月日可自己輸入）
本篇文章主要對(duì)jQuery實(shí)現(xiàn)倒計(jì)時(shí)進(jìn)行了實(shí)例分析。并附上實(shí)例源碼，有興趣的朋友可以下載源碼調(diào)試運(yùn)行試試看，希望對(duì)大家有所幫助
2016-12-12
jQuery 調(diào)用WebService 實(shí)例講解
以前都是Web程序調(diào)用WebService，.net把WebService封裝的太簡(jiǎn)單了，所以之前都是很膚淺的用，都沒(méi)有想過(guò)更深層的東西，并且只是停留在表面的添加引用和調(diào)用。
2016-06-06
超簡(jiǎn)單的jquery的AJAX用法
超簡(jiǎn)單的jquery的AJAX用法,需要的朋友可以參考下。
2010-05-05
jquery 實(shí)現(xiàn)的全選和反選
jquery 全選實(shí)現(xiàn)代碼。
2009-04-04