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 相关文章推荐
JavaScript设置FieldSet展开与收缩
May 15 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
微信小程序实现简单跑马灯效果
May 26 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
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中实现进程间通讯
2006/10/09 PHP
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
Nginx实现反向代理
2017/09/20 Servers
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
浅谈Javascript中的对象和继承
2019/04/19 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
js仿淘宝放大镜效果
2020/12/28 Javascript
浅谈Python单向链表的实现
2015/12/24 Python
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
python dataframe NaN处理方式
2019/12/26 Python
Python中内建模块collections如何使用
2020/05/27 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
普天C++笔试题
2016/03/20 面试题
酒店管理毕业生自我鉴定
2014/03/02 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
离婚协议书怎样才有法律效力
2014/10/10 职场文书
2014年党总支工作总结
2014/12/18 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
Python 统计序列中元素的出现频度
2022/04/26 Python