jquery实现input框获取焦点的简单实例
更新时间：2017年01月26日 11:25:49 投稿：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输入框获取焦点与失去焦点时提示的消失与显示功能示例
相关文章
如果你的网站风格适合，可以用这种方式来给页面布局，支持任意尺寸的图片滑动、上下左右滑动,需要的朋友可以参考下2014-08-08
下面小编就为大家带来一篇浅谈jQuery中的checkbox问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
关于jquery中动态增加select,事件无效的快速解决方法
下面小编就为大家带来一篇关于jquery中动态增加select,事件无效的快速解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
下面小编就为大家带来一篇textarea 在浏览器中固定大小和禁止拖动的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
这篇文章主要为大家详细介绍了基于jquery自定义显示消息数量，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了jQuery中change事件用法,以实例形式分析了在匹配元素焦点变化时触发事件使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了使用jquery制作非常漂亮的相册集，步骤详细，细节介绍完整，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了jQuery遍历节点树方法,结合实例形式分析了3种常见的节点遍历技巧,需要的朋友可以参考下2016-09-09
详解jquery validate实现表单验证 （正则表达式）
本篇文章主要介绍了jquery validate实现表单验证 （正则表达式），用户填写表单时，可以快速地对用户填写的数据进行验证，并做出反馈。有兴趣的可以了解一下。2017-01-01
使用常规的思路：$(“#keyword”).value 取值是取不到的，因为此时$(‘#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(“#keyword”).val()2011-05-05
最新评论