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版DateAdd和DateDiff函数代码
Mar 01 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
Javascript的表单验证长度
Mar 16 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
Javascript数组及类数组相关原理详解
Oct 29 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的call_user_func传reference引发的思考
2010/07/23 PHP
php自动加载机制的深入分析
2013/06/08 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
php实现的SESSION类
2014/12/02 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
2016/07/07 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
wxPython 入门教程
2008/10/07 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
django2.0扩展用户字段示例
2019/02/13 Python
详解Python3 基本数据类型
2019/04/19 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
python async with和async for的使用
2019/06/20 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
python制作微博图片爬取工具
2021/01/16 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
历史专业学生的自我评价
2014/02/28 职场文书
硕士生找工作求职信
2014/07/05 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
公司安全管理制度范本
2015/08/05 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书