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 原型继承
Dec 26 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
jQuery extend 的简单实例
Sep 18 Javascript
在JavaScript中操作时间之getMonth()方法的使用
Jun 10 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
在Vue中使用antv的示例代码
Jun 29 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实现的四则运算表达式计算实现代码
2011/08/02 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
window.location.hash 属性使用说明
2010/03/20 Javascript
jquery绑定原理 简单解析与实现代码分享
2011/09/06 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
Javascript Throttle &amp; Debounce应用介绍
2013/03/19 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
2015/02/28 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
护士自我鉴定
2013/10/23 职场文书
音乐教学反思
2014/02/02 职场文书
学生安全责任书
2014/04/15 职场文书
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
职代会闭幕词
2015/01/28 职场文书
大学感恩节活动总结
2015/05/05 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
党小组评议意见
2015/06/02 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
Python 语言实现六大查找算法
2021/06/30 Python