编程 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 相关文章推荐

图片连续滚动代码[兼容IE/firefox]

Jun 11 Javascript

Google Map API更新实现用户自定义标注坐标

Jul 29 Javascript

javascript 面向对象编程基础多态

Aug 21 Javascript

jQuery中使用data()方法读取HTML5自定义属性data-*实例

Apr 11 Javascript

jQuery.Highcharts.js绘制柱状图饼状图曲线图

Mar 14 Javascript

Jquery-1.9.1源码分析系列（十一）之DOM操作

Nov 25 Javascript

JavaScript来实现打开链接页面的简单实例

Jun 02 Javascript

javascript实现根据汉字获取简拼

Sep 25 Javascript

jQuery表单元素选择器代码实例

Feb 06 Javascript

JS简单实现数组去重的方法示例

Mar 27 Javascript

Vue开发实现吸顶效果的示例代码

Aug 21 Javascript

浅析vue-router中params和query的区别

Dec 24 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

phpMyAdmin 安装及问题总结

2009/05/28 PHP

PHP随机生成随机个数的字母组合示例

2014/01/14 PHP

简单实现php上传文件功能

2017/09/21 PHP

php实现的中秋博饼游戏之绘制骰子图案功能示例

2017/11/06 PHP

重定向实现代码

2006/11/20 Javascript

点击下载链接弹出页面实现代码

2009/10/01 Javascript

jquery控制左右箭头滚动图片列表的实例

2013/05/20 Javascript

JavaScript实现简单的时钟实例代码

2013/11/23 Javascript

键盘上一张下一张兼容IE/google/firefox等浏览器

2014/01/28 Javascript

关于javascript模块加载技术的一些思考

2014/11/28 Javascript

jQuery统计指定子元素数量的方法

2015/03/17 Javascript

jquery模拟进度条实现方法

2015/08/03 Javascript

基于JavaScript代码实现pc与手机之间的跳转

2015/12/23 Javascript

使用javascript插入样式

2016/03/14 Javascript

js实现短信发送倒计时功能（正则验证）

2017/02/10 Javascript

Angular2搜索和重置按钮过场动画

2017/05/24 Javascript

详解JavaScript按概率随机生成事件

2017/08/02 Javascript

微信小程序删除处理详解

2017/08/16 Javascript

Angular实现的进度条功能示例

2018/02/18 Javascript

用 js 写一个 js 解释器过程详解

2019/08/02 Javascript

vue element自定义表单验证请求后端接口验证

2019/12/11 Javascript

vue中实现回车键登录功能

2020/02/19 Javascript

js面向对象封装级联下拉菜单列表的实现步骤

2021/02/08 Javascript

[04:03]DOTA2英雄梦之声_第02期_风暴之灵

2014/06/30 DOTA

Python使用dis模块把Python反编译为字节码的用法详解

2016/06/14 Python

Python使用django搭建web开发环境

2017/06/09 Python

使用python 爬虫抓站的一些技巧总结

2018/01/10 Python

Python I/O与进程的详细讲解

2019/03/08 Python

python绘图模块matplotlib示例详解

2019/07/26 Python

领先的钻石和订婚戒指零售商：Diamonds-USA

2016/12/11 全球购物

英国最大的女性服装零售商：Dorothy Perkins

2017/03/30 全球购物

印度首选时尚目的地：Reliance Trends

2018/01/17 全球购物

3个CCIE对一个工程师的面试题

2012/05/06 面试题

工程服务质量承诺书

2015/04/29 职场文书

大学生暑期社会实践的个人总结！

2019/07/17 职场文书