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 相关文章推荐
javascript对象的property和prototype是这样一种关系
Mar 24 Javascript
理解Javascript_12_执行模型浅析
Oct 18 Javascript
js中replace的用法总结
Dec 27 Javascript
jQuery使用之标记元素属性用法实例
Jan 19 Javascript
js中利用tagname和id获取元素的方法
Jan 03 Javascript
jQuery-mobile事件监听与用法详解
Nov 23 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 Javascript
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
基于mysql的论坛(2)
2006/10/09 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python 获取本机ip地址的两个方法
2013/02/25 Python
python简单线程和协程学习心得(分享)
2017/06/14 Python
python图像常规操作
2017/11/11 Python
python实现Decorator模式实例代码
2018/02/09 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
利用Pandas 创建空的DataFrame方法
2018/04/08 Python
python斐波那契数列的计算方法
2018/09/27 Python
python 实现return返回多个值
2019/11/19 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
520使用Python实现“我爱你”表白
2020/05/20 Python
北京振戎融通Java面试题
2015/09/03 面试题
机械电子工程专业推荐信范文
2013/11/20 职场文书
五好党支部事迹材料
2014/02/06 职场文书
质量承诺书格式范文
2015/04/28 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
初中体育课教学反思
2016/02/16 职场文书