jquery实现input框获取焦点的方法


Posted in Javascript onFebruary 06, 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 相关文章推荐
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
js实现防止被iframe的方法
Jul 03 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
JavaScript数据结构之二叉树的删除算法示例
Apr 13 Javascript
vue-cli3 karma单元测试的实现
Jan 18 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
jQuery表单元素选择器代码实例
Feb 06 #Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 #Javascript
如何获取元素的最终background-color
Feb 06 #Javascript
a标签置灰不可点击的实现方法
Feb 06 #Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 #Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 #Javascript
Javascript中的prototype与继承
Feb 06 #Javascript
You might like
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
React SSR样式及SEO的实践
2018/10/22 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
Python中操作MySQL入门实例
2015/02/08 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
python同步两个文件夹下的内容
2019/08/29 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
上班早退检讨书
2014/01/09 职场文书
甜品店创业计划书
2014/08/14 职场文书
大学生党员个人总结
2015/02/13 职场文书
会计主管岗位职责
2015/04/02 职场文书
跑吧孩子观后感
2015/06/10 职场文书
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
SpringBoot集成Redis的思路详解
2021/10/16 Redis