jquery实现input框获取焦点的简单实例


Posted in Javascript onJanuary 26, 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 相关文章推荐
jQuery之折叠面板的深入解析
Jun 19 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
Jan 26 #Javascript
Jquery实时监听input value的实例
Jan 26 #Javascript
jquery实时获取时间的简单实例
Jan 26 #Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 #Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 #Javascript
assert()函数用法总结(推荐)
Jan 25 #Javascript
canvas知识总结
Jan 25 #Javascript
You might like
德劲1102收音机的打理维修案例
2021/03/02 无线电
《APMServ 5.1.2》使用图解
2006/10/23 PHP
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
Thinkphp 框架扩展之Widget扩展实现方法分析
2020/04/23 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
javascript中对对层的控制
2006/12/29 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
详解用Node.js写一个简单的命令行工具
2018/03/01 Javascript
vue小白入门教程
2018/04/02 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
js尾调用优化的实现
2019/05/23 Javascript
[03:05]DOTA2英雄基础教程 嗜血狂魔
2013/12/10 DOTA
Python3.7中安装openCV库的方法
2018/07/11 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
python能开发游戏吗
2020/06/11 Python
Django缓存Cache使用详解
2020/11/30 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
毕业生护理专业个人求职信范文
2014/01/04 职场文书
社区志愿者活动总结
2014/06/26 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
介绍信的格式
2015/01/30 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
关于迟到的检讨书
2015/05/06 职场文书
个人合作协议范本
2015/08/06 职场文书
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技