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中利用数组实现的循环队列代码
Jan 24 Javascript
关于this和self的使用说明
Aug 01 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 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
PHP的消息通信机制测试实例
2016/11/10 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
python合并文本文件示例
2014/02/07 Python
python连接数据库的方法
2017/10/19 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
python中操作文件的模块的方法总结
2021/02/04 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
商务英语专业自荐信
2013/10/14 职场文书
教师实习自我鉴定
2013/12/11 职场文书
竞选演讲稿范文
2013/12/28 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
环保主题班会教案
2015/08/13 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript