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 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
小程序从手动埋点到自动埋点的实现方法
Jan 24 Javascript
vue自动路由-单页面项目(非build时构建)
Apr 30 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
BootStrap前端框架使用方法详解
Feb 26 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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
要会喝咖啡也要会知道咖啡豆
2021/03/03 咖啡文化
用php实现的下载css文件中的图片的代码
2010/02/08 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
vue.js click点击事件获取当前元素对象的操作
2020/08/07 Javascript
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
element中table高度自适应的实现
2020/10/21 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python 抓取动态网页内容方案详解
2014/12/25 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python实现的随机森林算法与简单总结
2018/01/30 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
python UDP(udp)协议发送和接收的实例
2019/07/22 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
Python获取时间戳代码实例
2019/09/24 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
django中ImageField的使用详解
2020/12/21 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
上班早退检讨书
2014/01/09 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
劳模事迹材料范文
2014/12/24 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python