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

判断用户的在线状态 onbeforeunload事件

Mar 05 Javascript

jQuery中验证表单提交方式及序列化表单内容的实现

Jan 06 Javascript

jQuery中使用animate自定义动画的方法

May 29 Javascript

探究JavaScript中的五种事件处理程序方式

Dec 07 Javascript

常用的几个JQuery代码片段

Mar 13 Javascript

用Vue-cli搭建的项目中引入css报错的原因分析

Jul 20 Javascript

从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法

Sep 18 Javascript

代码实例ajax实现点击加载更多数据图片

Oct 12 Javascript

vue中axios请求的封装实例代码

Mar 23 Javascript

小程序实现短信登录倒计时

Jul 12 Javascript

angular组件间通讯的实现方法示例

May 07 Javascript

解决antd 下拉框 input [defaultValue] 的值的问题

Oct 31 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中3种生成XML文件方法的速度效率比较

2012/10/06 PHP

PHP实现数据四舍五入的方法小结【4种方法】

2019/03/27 PHP

JavaScript 全面解析各种浏览器网页中的JS 执行顺序

2009/02/17 Javascript

Mootools 1.2教程滑动效果（Slide）

2009/09/15 Javascript

JS解析json数据并将json字符串转化为数组的实现方法

2012/12/25 Javascript

iframe窗口高度自适应的实现方法

2014/01/08 Javascript

JavaScript获取某年某月的最后一天附截图

2014/06/23 Javascript

深入分析JSONP跨域的原理

2014/12/10 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

2015/03/04 Javascript

javascript中if和switch，==和===详解

2015/07/30 Javascript

深入分析jsonp协议原理

2015/09/26 Javascript

Javascript中this绑定的3种方法与比较

2016/10/13 Javascript

AngularJS服务service用法总结

2016/12/13 Javascript

Angular中的$watch方法详解

2017/09/18 Javascript

JavaScript高级函数应用之分时函数实例分析

2018/08/03 Javascript

javascript面向对象创建对象的方式小结

2019/07/29 Javascript

微信提示在浏览器打开效果实现过程解析

2019/09/10 Javascript

ajax jquery实现页面某一个div的刷新效果

2021/03/04 jQuery

Python简单生成随机姓名的方法示例

2017/12/27 Python

pandas DataFrame运算的实现

2020/06/14 Python

Python如何读写二进制数组数据

2020/08/01 Python

CSS3 transforms应用于背景图像的解决方法

2019/04/16 HTML / CSS

使用Html5、CSS实现文字阴影效果

2018/01/17 HTML / CSS

Bonprix法国：时尚、鞋子、家居

2020/12/29 全球购物

C#公司笔试题

2014/03/28 面试题

最新销售员个人自荐信

2013/09/21 职场文书

《陶罐和铁罐》教学反思

2014/02/19 职场文书

学生安全责任书

2014/04/15 职场文书

企业文化口号

2014/06/12 职场文书

物业管理专业自荐信

2014/07/01 职场文书

门面房租房协议书

2014/08/20 职场文书

我爱祖国演讲稿

2014/09/02 职场文书

派出所班子党的群众路线对照检查材料思想汇报

2014/10/01 职场文书

离婚财产分隔协议书

2014/10/23 职场文书

写作技巧：怎样写好一份优秀工作总结？

2019/08/14 职场文书

为什么在foreach循环中JAVA集合不能添加或删除元素

2021/06/11 Java/Android