JQuery按回车提交数据
2013-11-28 17:31
225 查看
引入JQuery文件
JS代码:
CSS样式
HTML设计:
<script src="JS/jquery-1.9.1.js" type="text/javascript"></script>
JS代码:
<script type="text/javascript"> $(function () { $("#btnSearch").focus(function () { $(this).removeClass("blur"); $(this).addClass("focus"); if ($(this).val() == this.defaultValue) { $(this).val(""); } }).blur(function () { $(this).removeClass("focus"); $(this).addClass("blur"); if ($(this).val() == "") { $(this).val(this.defaultValue); } }).keydown(function (e) { if (e.which == 13) { alert("提交数据"); } }); }); </script>
CSS样式
.focus { color: black; } .blur, #btnSearch { color: Gray; }
HTML设计:
<input type="text" id="btnSearch" value="搜索" />
相关文章推荐
- jquery删除select中所有option选项
- jQuery对select操作小结
- 可进可退,jQuery图片、视频、flash播放插件prettyPhoto使用记录
- jquery ajax 读取联动菜单 select菜单
- 解决ECSHOP系统中transport.js和jquery的冲突
- jquery 通过属性选择器获取input不为disabled的对象
- 【练习向】jQuery基础教程第四版课后练习——Book07_jQuery_使用插件
- jquery ui dialog弹出窗 清空缓存Cache或强制刷新
- jquery控件 jtable 使用范例
- jquery multiselect中有checkbox
- Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十】
- jquery获取所有选中的checkbox的ID
- jQuery滑动式幻灯片播放特效
- jQuery 的 slideUp 和 slideDown 动画
- jQuery1.9 $.browser 的替代方法
- JQuery.Ajax之错误调试帮助信息
- 表单验证- jQuery+Validation
- jquery删除字符窜中的空格
- jQuery----1
- jQuery中的事件