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 相关文章推荐
初探jquery——表单应用范例
Feb 20 Javascript
jquery cookie插件代码类
May 26 Javascript
JS定时器实例
Apr 17 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 Javascript
iview table高度动态设置方法
Mar 14 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
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
php将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
php cookie使用方法学习笔记分享
2013/11/07 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
js 表格隔行颜色
2009/12/02 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
2010/04/16 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
javascript实现checkbox全选的代码
2015/04/30 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
vue.js表格分页示例
2016/10/18 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
详解python中的json的基本使用方法
2016/12/21 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
python dict 相同key 合并value的实例
2019/01/21 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
货代行业个人求职简历的自我评价
2013/10/22 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
服务承诺口号
2014/05/22 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
大学生安全教育主题班会
2015/08/12 职场文书