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 FF的加为首页与加入收藏实现代码
Nov 02 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
May 05 Javascript
JS封装通过className获取元素的函数示例
Dec 20 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
Vue.js对象转换实例
Jun 07 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
nginx配置React静态页面的方法教程
Nov 03 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
php给图片加文字水印
2015/07/31 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
jquery简单实现网页层的展开与收缩效果
2015/08/07 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
详解python之多进程和进程池(Processing库)
2017/06/09 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
青春寄语大全
2014/04/09 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
刑事撤诉申请书
2015/05/18 职场文书
国王的演讲观后感
2015/06/03 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
导游词之重庆渣滓洞
2020/01/08 职场文书