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 相关文章推荐
JavaScript库 开发规则
Jan 31 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
12306验证码破解思路分享
Mar 25 Javascript
Bootstrap布局方式详解
May 27 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
JS原生轮播图的简单实现(推荐)
Jul 22 Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 Javascript
Vue Autocomplete 自动完成功能简单示例
May 25 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 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
php file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
Python解释执行原理分析
2014/08/22 Python
python连接MySQL数据库实例分析
2015/05/12 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Python lambda表达式用法实例分析
2018/12/25 Python
实例讲解Python3中abs()函数
2019/02/19 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
python框架django项目部署相关知识详解
2019/11/04 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
哈利波特商店:Harry Potter Shop
2018/11/30 全球购物
应届大学生自荐信格式
2013/09/21 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
经理岗位职责
2015/02/02 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android
PHP面试题 wakeup魔法 Ezpop pop序列化与反序列化
2022/04/11 PHP