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 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
Apr 29 Javascript
js绘制圆形和矩形的方法
Aug 05 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 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
php 应用程序安全防范技术研究
2009/09/25 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
Nodejs初级阶段之express
2015/11/23 NodeJs
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
Node.js pipe实现源码解析
2017/08/12 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
2018/08/20 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
python爬虫 使用真实浏览器打开网页的两种方法总结
2018/04/21 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
《望洞庭》教学反思
2014/02/16 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
工程材料采购方案
2014/05/18 职场文书
2014年节能工作总结
2014/12/18 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL