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 相关文章推荐
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
JS完成代码前最好对其做5件事
Apr 07 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
Jun 20 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
js实现跨域的多种方法
Dec 25 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
May 12 Javascript
React Native使用百度Echarts显示图表的示例代码
Nov 07 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 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 中文和编码判断代码
2010/05/16 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
PHP 文件上传限制问题
2019/09/01 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
拥抱模块化的JavaScript
2012/03/07 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
BootStrap制作导航条实例代码
2016/05/06 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
vue的toast弹窗组件实例详解
2018/05/14 Javascript
Python命名空间的本质和加载顺序
2018/12/17 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
法国发饰品牌:Alexandre De Paris
2018/12/04 全球购物
劳动竞赛活动方案
2014/02/20 职场文书
财务主管岗位职责
2014/02/28 职场文书
档案信息化建设方案
2014/05/16 职场文书
意向书范本
2014/07/29 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
长城导游词400字
2015/01/30 职场文书