jquery实现input框获取焦点的方法


Posted in Javascript onFebruary 06, 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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
Vue.js学习示例分享
Feb 05 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
利用nvm管理多个版本的node.js与npm详解
Nov 02 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
Sep 02 Javascript
jQuery表单元素选择器代码实例
Feb 06 #Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 #Javascript
如何获取元素的最终background-color
Feb 06 #Javascript
a标签置灰不可点击的实现方法
Feb 06 #Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 #Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 #Javascript
Javascript中的prototype与继承
Feb 06 #Javascript
You might like
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
php下保存远程图片到本地的办法
2010/08/08 PHP
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php session 写入数据库
2016/02/13 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
javascript String 的扩展方法集合
2008/06/01 Javascript
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
javascript+css实现进度条效果
2020/03/25 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
利用Python学习RabbitMQ消息队列
2015/11/30 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
Python 修改列表中的元素方法
2018/06/26 Python
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
出纳员岗位责任制
2014/02/11 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python