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获取FCK编辑器信息的具体方法
Jul 12 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
es6 for循环中let和var区别详解
Jan 12 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
如何使JavaScript休眠或等待
Apr 27 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登陆后跳转到登陆前页面实现思路及代码
2014/01/17 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
基于jQuery中对数组进行操作的方法
2013/04/16 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
JavaScript基础心法 数据类型
2018/03/05 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
python获得文件创建时间和修改时间的方法
2015/06/30 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
在python中bool函数的取值方法
2018/11/01 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
如何理解Python中的变量
2020/06/01 Python
python开发一款翻译工具
2020/10/10 Python
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
database面试题
2013/03/28 面试题
男女朋友协议书
2014/04/23 职场文书
硕士研究生就业推荐信
2014/05/18 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
Python合并pdf文件的工具
2021/07/01 Python