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 动态扩展对象之另类视角
May 25 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
Node.js实现数据推送
Apr 14 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
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缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
浅谈Laravel模板实体转义带来的坑
2019/10/22 PHP
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
JavaScript手写数组的常用函数总结
2020/11/22 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python如何生成树形图案
2018/01/03 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
Python中的__init__作用是什么
2020/06/09 Python
深入理解Python 多线程
2020/06/16 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
.NET面试题:什么是反射
2016/09/30 面试题
行政人事专员岗位职责
2014/03/05 职场文书
三方合作协议书范本
2014/04/18 职场文书
尊师重教演讲稿
2014/09/04 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
政风行风评议心得体会
2014/10/21 职场文书
2015年财政局工作总结
2015/05/21 职场文书
海上钢琴师观后感
2015/06/03 职场文书
导游词之山海关
2019/12/10 职场文书
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python