jquery focus(fn),blur(fn)方法实例代码


Posted in Javascript onDecember 16, 2011

首先建一个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 参考手册 - 事件
Javascript 相关文章推荐
基于jquery的大众点评,分类导航实现代码
Aug 23 Javascript
div模拟选择框示例代码
Nov 03 Javascript
js控制浏览器全屏示例代码
Feb 20 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
JavaScript省市级联下拉菜单实例
Feb 14 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
package.json配置文件构成详解
Aug 27 Javascript
vue实现路由监听和参数监听
Oct 29 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
JS获取整个页面文档的实现代码
Dec 15 #Javascript
jQuery版仿Path菜单效果
Dec 15 #Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 #Javascript
js 可拖动列表实现代码
Dec 13 #Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 #Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 #Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 #Javascript
You might like
超级简单的发送邮件程序
2006/10/09 PHP
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
python使用urlparse分析网址中域名的方法
2015/04/15 Python
python获取一组汉字拼音首字母的方法
2015/07/01 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python实现教务管理系统
2018/03/12 Python
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
巴西手表购物网站:eclock
2019/03/19 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
周年庆典邀请函范文
2014/01/24 职场文书
年终考核实施方案
2014/05/26 职场文书
2014年底工作总结
2014/12/15 职场文书
幼儿园开学通知
2015/04/24 职场文书
电影建国大业观后感
2015/06/01 职场文书
巴黎圣母院观后感
2015/06/10 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python
Spring中的@Transactional的工作原理
2022/06/05 Java/Android
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS