jquery实现input框获取焦点的简单实例


Posted in Javascript onJanuary 26, 2017

获取表单焦点变色的简单实例

//.login-form表单样式类
//.item input输入框父div
// focus是要添加的样式类
    $(".login-form").on("focus", "input", function(){
      $(this).closest('.item').addClass('focus');
    }).on("blur","input",function(){
      $(this).closest('.item').removeClass('focus');
    });

//初始化选中用户名输入框
$("#itemBox").find("input[name=username]").focus();

以上这篇jquery实现input框获取焦点的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery.extend 函数的详细用法
Jun 27 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
解读ES6中class关键字
Nov 20 Javascript
微信上传视频文件提示(推荐)
Nov 22 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 Javascript
在js中修改html body的样式
Nov 11 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
Jan 26 #Javascript
Jquery实时监听input value的实例
Jan 26 #Javascript
jquery实时获取时间的简单实例
Jan 26 #Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 #Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 #Javascript
assert()函数用法总结(推荐)
Jan 25 #Javascript
canvas知识总结
Jan 25 #Javascript
You might like
星际争霸兵种名称对照表
2020/03/04 星际争霸
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
php中session_unset与session_destroy的区别分析
2011/06/16 PHP
php导出CSV抽象类实例
2014/09/24 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
PHP实现适用于文件内容操作的分页类
2016/06/15 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
为你的网站增加亮点的9款jQuery插件推荐
2011/05/03 Javascript
chrome原生方法之数组
2011/11/30 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
2017/01/19 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
Webpack打包慢问题的完美解决方法
2017/03/16 Javascript
js实现本地图片文件拖拽效果
2017/07/18 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
基于python代码批量处理图片resize
2020/06/04 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
家长给小学生的评语
2014/01/30 职场文书
火车的故事教学反思
2014/02/11 职场文书
初中英语演讲稿
2014/04/29 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
企业领导对照检查材料
2014/08/20 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
校园广播稿100字
2014/10/06 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
小学英语教学反思范文
2016/02/15 职场文书