jquery实现input框获取焦点的方法
更新时间：2017年02月06日 10:59:54 投稿：jingxian
下面小编就为大家带来一篇jquery实现input框获取焦点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
获取表单焦点变色
//.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框获取焦点的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery实现input框获取焦点的简单实例
- 让input框实现类似百度的搜索提示(基于jquery事件监听)
- 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
- jQuery简单实现input文本框内灰色提示文本效果的方法
- jQuery制作input提示内容（兼容IE8以上）
- jquery实现input输入框实时输入触发事件代码
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
相关文章
这篇文章主要介绍了jquery.picsign 自己封装的第一个开源组件,需要的朋友可以参考下2018-02-02
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件echarts实现的多柱子柱状图效果,结合完整实例形式分析了echarts绘制多柱子柱状图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
jQuery是用来干什么的 jquery其实就是一个js框架
jQuery是一bai个简洁而快速的JavaScript库，可用于du简化zhi事件处理，HTML文档遍历，Ajax交互和dao动画，以更快速开发网站2021-02-02
这篇文章主要介绍了jQuery实现为table表格动态添加或删除tr功能,结合实例形式分析了jQuery针对table表格行动态操作相关实现技巧,需要的朋友可以参考下2019-02-02
在网站前端开发中，浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把各种判断方法都总结一下，希望对大家有所帮助2014-09-09
这篇文章主要为大家详细介绍了jQuery实现带进度条的轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
jQuery的中 is('':visible'') 解析及用法(必看)
下面小编就为大家带来一篇jQuery的中 is(':visible') 解析及用法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了jQuery如何取得设置清空select选择的文本与值,下面有个不错的示例，需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery+ajax实现动态添加表格tr td功能,结合实例形式分析了jQuery基于ajax动态创建页面table元素相关操作技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了通过jQuery.extend的源码分析了一下JQuery中的extend方法实现原理以及使用方式，非常的详细，这里推荐给大家，有需要的小伙伴来参考下吧。2015-02-02
最新评论