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的with语句使用方法
Sep 21 Javascript
js replace 与replaceall实例用法详解
Aug 03 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
js实现分割上传大文件
Mar 09 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
浅谈React中的元素、组件、实例和节点
Feb 27 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
第三章 php操作符与控制结构代码
2011/12/30 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
thinkPHP实现表单自动验证
2014/12/24 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
python中map、any、all函数用法分析
2015/04/21 Python
教你学会使用Python正则表达式
2017/09/07 Python
Python subprocess模块详细解读
2018/01/29 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
python3对接mysql数据库实例详解
2019/04/30 Python
python mysql断开重连的实现方法
2019/07/26 Python
django2.2 和 PyMySQL版本兼容问题
2020/02/17 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
Python双链表原理与实现方法详解
2020/02/22 Python
Django ModelForm操作及验证方式
2020/03/30 Python
python线程里哪种模块比较适合
2020/08/02 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
个人应聘自我评价分享
2013/11/18 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
员工离职证明范本
2015/06/12 职场文书
小学班级管理心得体会
2016/01/07 职场文书
php实现自动生成验证码的实例讲解
2021/11/17 PHP
php实例化对象的实例方法
2021/11/17 PHP
Python Flask实现进度条
2022/05/11 Python