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轻松实现Ajax的实例代码
Aug 16 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
JavaScript中“基本类型”之争小结
Jan 03 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
JavaScript实现4位随机验证码的生成
Jan 28 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-redis中文文档介绍
2013/02/07 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
修改或扩展jQuery原生方法的代码实例
2015/01/13 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
python list中append()与extend()用法分享
2013/03/24 Python
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
python爬虫之百度API调用方法
2017/06/11 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
python开发游戏的前期准备
2019/05/05 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
什么是python类属性
2020/06/10 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
电子信息工程专业推荐信
2014/02/14 职场文书
社区党务公开实施方案
2014/03/18 职场文书
奥运会口号
2014/06/13 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
邓小平理论心得体会
2014/09/09 职场文书
幼儿园见习报告
2014/10/30 职场文书
幼儿园教师考核评语
2014/12/31 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
四年级作文之植物
2019/09/20 职场文书