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

json 入门基础教程推荐

Oct 31 Javascript

js 纯数字不重复排列的另类方法

Jul 17 Javascript

遨游，飞飞，IE，空中网浏览器无提示关闭方法

Jul 11 Javascript

JQuery异步加载无限下拉框级联功能实现示例

Feb 19 Javascript

基于jquery和svg实现超炫酷的动画特效

Dec 09 Javascript

使用ngView配合AngularJS应用实现动画效果的方法

Jun 19 Javascript

jQuery实现的无限级下拉菜单功能示例

Sep 12 Javascript

原生javascript实现图片放大镜效果

Jan 18 Javascript

脚本div实现拖放功能(两种)

Feb 13 Javascript

vue iView 上传组件之手动上传功能

Mar 16 Javascript

工作中常用到的ES6语法

Sep 04 Javascript

JS localStorage存储对象，sessionStorage存储数组对象操作示例

Feb 15 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

解决phpmyadmin 乱码,支持gb2312和utf-8

2006/11/20 PHP

做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)

2013/04/13 PHP

PHP APC的安装与使用详解

2013/06/13 PHP

解析php防止form重复提交的方法

2013/07/01 PHP

基于jquery的下拉框改变动态添加和删除表格实现代码

2020/09/12 Javascript

jQuery性能优化技巧分析

2015/02/20 Javascript

javascript判断并获取注册表中可信任站点的方法

2015/06/01 Javascript

Javascript简单实现面向对象编程继承实例代码

2015/11/27 Javascript

Bootstrap弹出带合法性检查的登录框实例代码【推荐】

2016/06/23 Javascript

canvas绘制七巧板

2017/02/03 Javascript

微信小程序滚动到某个位置添加class效果实现代码

2017/04/19 Javascript

js实现简单数字变动效果

2017/11/06 Javascript

轻松搞定jQuery+JSONP跨域请求的解决方案

2018/03/06 jQuery

详解vue中的computed的this指向问题

2018/12/05 Javascript

解决layui页面按钮点击无反应,也不报错的问题

2019/09/29 Javascript

countup.js实现数字动态叠加效果

2019/10/17 Javascript

使用Webpack 搭建 Vue3 开发环境过程详解

2020/07/28 Javascript

Python创建系统目录的方法

2015/03/11 Python

Python中设置变量作为默认值时容易遇到的错误

2015/04/03 Python

Python中使用OpenCV库来进行简单的气象学遥感影像计算

2016/02/19 Python

Python的Django框架中forms表单类的使用方法详解

2016/06/21 Python

Flask框架的学习指南之开发环境搭建

2016/11/20 Python

使用Django Form解决表单数据无法动态刷新的两种方法

2017/07/14 Python

Python对象与引用的介绍

2019/01/24 Python

Django框架自定义模型管理器与元选项用法分析

2019/07/22 Python

Python填充任意颜色,不同算法时间差异分析说明

2020/05/16 Python

一个精品风格的世界：Atterley

2019/05/01 全球购物

C语言笔试集

2012/07/24 面试题

学校运动会霸气口号

2014/06/07 职场文书

夫妻双方自愿离婚协议书

2014/10/24 职场文书

党支部书记岗位职责

2015/02/15 职场文书

2015毕业实习推荐信

2015/03/23 职场文书

会计岗位职责范本

2015/04/02 职场文书

2015年环卫处个人工作总结

2015/07/27 职场文书

MySQL学习之基础操作总结

2022/03/19 MySQL

使用python绘制横竖条形图

2022/04/21 Python