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 相关文章推荐
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
AngularJS控制器之间的通信方式详解
Nov 03 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
Vue通过provide inject实现组件通信
Sep 03 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初学者(入门学习经验谈)
2010/10/12 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
Yii全局函数用法示例
2017/01/22 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
解读ES6中class关键字
2017/11/20 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
2020/04/16 Javascript
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
在django中,关于session的通用设置方法
2019/08/06 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
美国转售二手商品的电子商务平台:BLINQ
2018/12/13 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
教育英语专业毕业生的求职信
2014/03/13 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
初中历史教学反思
2016/02/19 职场文书
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js