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 相关文章推荐
List the UTC Time on a Computer
Jun 11 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
Mar 18 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
完善的jquery处理机制
Feb 21 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
PHP 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
JS DOM 操作实现代码
2010/08/01 Javascript
JQuery 弹出框定位实现方法
2010/12/02 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
jQuery自制提示框tooltip改进版
2016/08/01 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
Bootstrap table表格简单操作
2017/02/07 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
js实现网页定位导航功能
2017/03/07 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
js实现放大镜特效
2017/05/18 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
教你安装python Django(图文)
2013/11/04 Python
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
出纳员岗位职责
2014/03/13 职场文书
协议书样本
2014/04/23 职场文书
总经理年会致辞
2015/07/29 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
宝塔更新Python及Flask项目的部署
2022/04/11 Python