编程 Javascript

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 参考手册 - 事件

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

浅谈javascript的原型继承

Jul 25 Javascript

jQuery中使用Ajax获取JSON格式数据示例代码

Nov 26 Javascript

js监听鼠标事件控制textarea输入字符串的个数

Sep 29 Javascript

浅谈jQuery构造函数分析

May 11 Javascript

浅谈JS中json数据的处理

Jun 30 Javascript

jQuery多选框选择数量限制方法

Feb 08 Javascript

支持移动端原生js轮播图

Feb 16 Javascript

vue与bootstrap实现时间选择器的示例代码

Aug 26 Javascript

Angular 如何使用第三方库的方法

Apr 18 Javascript

微信小程序自定义弹窗wcPop插件

Nov 19 Javascript

使用Angular material主题定义自己的组件库的配色体系

Sep 04 Javascript

vue 中this.$set 动态绑定数据的案例讲解

Jan 29 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

php单例模式示例分享

2015/02/12 PHP

详解Laravel设置多态关系模型别名的方式

2019/10/17 PHP

Jquery AutoComplete自动完成的使用方法实例

2010/03/19 Javascript

由JavaScript技术实现的web小游戏（不含网游）

2010/06/12 Javascript

打豆豆小游戏用javascript编写的[打豆豆]小游戏

2013/01/08 Javascript

EXTjs4.0的store的findRecord的BUG演示代码

2013/06/08 Javascript

jquery实现的缩略图预览滑块实例

2015/06/25 Javascript

通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端的方法

2015/10/01 Javascript

js删除Array数组中指定元素的两种方法

2016/08/03 Javascript

深入理解vue.js双向绑定的实现原理

2016/12/05 Javascript

深入理解JavaScript中的预解析

2017/01/04 Javascript

JavaScript事件处理程序详解

2017/09/19 Javascript

JavaScript 日期时间选择器一些小结

2018/04/02 Javascript

jquery图片预览插件实现方法详解

2019/07/18 jQuery

使用vue cli4.x搭建vue项目的过程详解

2020/05/08 Javascript

Vue+ElementUI 中级联选择器Bug问题的解决

2020/07/31 Javascript

[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG

2018/03/31 DOTA

[03:12]完美世界DOTA2联赛PWL DAY9集锦

2020/11/10 DOTA

python三元运算符实现方法

2013/12/17 Python

Python内置函数dir详解

2015/04/14 Python

在Python中使用__slots__方法的详细教程

2015/04/28 Python

python中list列表的高级函数

2016/05/17 Python

python队列通信:rabbitMQ的使用(实例讲解)

2017/12/22 Python

python实现动态创建类的方法分析

2019/06/25 Python

windows下python虚拟环境virtualenv安装和使用详解

2019/07/16 Python

Python实现串口通信（pyserial）过程解析

2019/09/25 Python

Python classmethod装饰器原理及用法解析

2020/10/17 Python

HTML5的hidden属性兼容老浏览器的方法

2014/04/23 HTML / CSS

一道Delphi面试题

2016/10/28 面试题

2014信息技术专业毕业生自我评价

2014/01/17 职场文书

国培教师自我鉴定

2014/02/12 职场文书

爱之链教学反思

2014/04/30 职场文书

机关领导干部作风整顿整改措施

2014/09/19 职场文书

戒毒悔改检讨书

2014/09/21 职场文书

Nginx速查手册及常见问题

2022/04/07 Servers

CSS实现鼠标悬浮动画特效

2023/05/07 HTML / CSS