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 相关文章推荐
javascript globalStorage类代码
Jun 04 Javascript
神奇的7个jQuery 3D插件整理
Jan 06 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
jQuery获取上传文件的名称的正则表达式
May 21 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
JavaScript隐式类型转换代码实例
May 29 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
JSON两种结构之对象和数组的理解
2016/07/19 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
php扩展开发入门demo示例
2019/09/23 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
python三元运算符实现方法
2013/12/17 Python
Python中使用动态变量名的方法
2014/05/06 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
python 下载文件的几种方法汇总
2021/01/06 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
毕业实习评语
2014/02/10 职场文书
春风行动实施方案
2014/03/28 职场文书
周年庆典主持词
2014/04/02 职场文书
爱心捐款倡议书
2014/04/14 职场文书
新闻稿件写作范文
2015/07/18 职场文书
新年祝酒词大全
2015/08/11 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
关于JavaScript回调函数的深入理解
2021/06/27 Javascript
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS