jquery实现input框获取焦点的简单实例
投稿: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输入框获取焦点与失去焦点时提示的消失与显示功能示例