jQuery表单事件实例代码分享


Posted in Javascript onAugust 18, 2016

本文实例为大家分享了jQuery表单事件代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单事件</title>
</head>
<style type="text/css" rel="stylesheet">
  .input_focus{
    background-color: #BEE7FC;
  }
 
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
  $(document).ready(function () {
    $("[name=member]").focusin(function () {
      $(this).addClass("input_focus");
    });
    $("[name=member]").blur(function () {
      $(this).removeClass("input_focus");
    });
     
 
 
  });
 
 
 
</script>
<body>
<div id="login">
  <fieldset>
    <legend>用户登录</legend>
    <p>
      <label>用户名:</label>
      <input name="member" type="text" />
    </p>
    <p>
      <label>密码:</label>
      <input name="password" type="text" />
    </p>
    <p>
      <label>验证码:</label>
      <input name="code" type="text" class="code" />
      <img src="images/code.gif" width="80" height="30" /><a href="#">换一张</a>
    </p>
    <p>
      <input name="" type="button" class="btn" value="登录" />
      <a href="#">注册</a><span>|</span><a href="#">忘记密码?</a>
    </p>
  </fieldset>
</div>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
使用jQuery UI库开发Web界面的简单入门指引
Apr 22 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
解决JavaScript layui 下拉框不显示的问题
Aug 14 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 Javascript
react合成事件与原生事件的相关理解
May 13 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 #Javascript
AngularJS 执行流程详细介绍
Aug 18 #Javascript
AngularJS国际化详解及示例代码
Aug 18 #Javascript
ECMAScript6轮播图实践知识总结
Aug 17 #Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 #Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 #Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 #Javascript
You might like
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
js实现烟花特效
2020/03/02 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
Python yield 小结和实例
2014/04/25 Python
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
Python中字符串List按照长度排序
2019/07/01 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
专业销售业务员求职信
2013/11/18 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
毕业生就业协议书
2014/04/11 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
临时用工协议书范本
2014/10/29 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
校本课程教学计划
2015/01/19 职场文书
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers