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 相关文章推荐
JS控制输入框内字符串长度
May 21 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
举例讲解Node.js中的Writable对象
Jul 29 Javascript
JavaScript学习笔记整理之引用类型
Jan 22 Javascript
AngularJS中的表单简单入门
Jul 28 Javascript
简单易懂的天气插件(代码分享)
Feb 04 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
TypeScript类型声明书写详解
Aug 28 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
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
python web框架中实现原生分页
2019/09/08 Python
pytorch 修改预训练model实例
2020/01/18 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
工程招投标邀请书
2014/01/30 职场文书
寒假家长评语大全
2014/04/16 职场文书
财务会计实训报告
2014/11/05 职场文书
百万英镑观后感
2015/06/09 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python
python异常中else的实例用法
2021/06/15 Python
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android
JavaScript执行机制详细介绍
2021/12/06 Javascript
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis