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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
javascript 中__proto__和prototype详解
Nov 25 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
JQuery为元素添加样式的实现方法
Jul 20 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
vue 监听 Treeselect 选择项的改变操作
Aug 31 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
图解上海144收音机
2021/03/02 无线电
PHP 判断变量类型实现代码
2009/10/23 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
php处理restful请求的路由类分享
2014/02/27 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
Sixt美国租车:高端豪华车型自驾体验
2017/09/02 全球购物
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
大学生的网络创业计划书
2013/12/26 职场文书
父母对孩子的寄语
2014/04/09 职场文书
论文评语大全
2014/04/29 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书