简单的表格校验，实现以下目标:
①创建一个表单，包含用户名和邮箱两个表单元素；
②点击提交按钮或光标离开文本框时触发校验；
③用户名不能为空，长度必须是4-10。
④邮箱不能为空，长度6-50，必须有@和.且.在@后面。
发送
2.5 小结
①一般来说在需要使用的时候可以直接拷贝使用；
②能够看懂正则表达式；
③可以写一些简单的正则表达式。
3. jQuery入门 3.1 什么是jQuery框架：半成品软件
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的 JavaScript代码库（或JavaScript框架）。 JQuery:封装好的代码库。有一些大牛（官方）嫌弃js用着不好，很多具有特殊功能的代 码的集合。就把这些代码写在一个js文件中，名字就叫 jquery.js。 jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。 它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery优点:
①强大的选择器
| js获取对象 | jq获取对象 |
|
document.getElementById();
docoment.getElementsByTagName() document.getElementsByClassName() document.getElementsByName() document.querySelector() document.querySelectorAll() | $("选择器")或者jQuery("选择器") |
②优秀的DOM操作
js操作DOM麻烦，用jq操作简化。(jq过时)
③完善的事件处理机制
跟js差不多
④动画效果
js使用定时器写动画，运动框架，现在因为css3的出现，导致了jq动画过时了。
Ajax 异步编程
⑤链式编程
链式操作是指对发生在同一jQuery对象上的一组动作，可以直接连写而无需重复获得对象，这是jQuery的特色，使得jQuery编码无比优雅。
jQuery.js 框架已经过时了，因为有了vue.js框架，jQuery就是封装好的js，本质上还是js。
3. jQuery使用 3.1 搭建jQuery环境去jQuery官网下载jQuery.js文件，然后引入到项目中。
//引入jQuery3.2 jQuery语法
jQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。
基础语法:$(selector).action()
jQuery(selector).action()
美元符号定义jQuery
选择符(selector) "查询"和"查找" HTML元素
jQuery的action()执行对元素的操作
3.3 jQuery选择器用于获取元素对象。
$("选择器")或者jQuery("选择器")
3.4 jQuery属性操作| 属性操作函数 | 说明 |
| html() | 设置或获取innerHTML属性的值 |
| text() | 设置或获取innerText属性的值 |
| val() | 设置或获取value属性的值 |
| attr() | 设置或获取某属性的值 |
| removeAttr() | 删除某属性 |
| prop() | 跟attr()作用一样，但是主要针对可简写的属性 |
| removeProp() | 删除某属性 |
| addClass() | 设置元素class属性的值 |
| removeClass() | 删除元素class属性的值 |
上述方法中，如果括号中带有参数那么就表示 设置/修改属性；如果括号中不写参数：就表示获取数据。
=
结果在此
3.5 Jquery操作CSS样式
| js | jq |
| 对象.style.属性 = “属性值” | css({"属性值"："属性"，"属性":"属性值"})//多属性 |
| css("属性名","属性值");//单个属性 |
页面对不同访问者的响应叫做事件；事件处理程序指的是当HTML中发生某些事件时所调用的方法。
事件绑定的三种方法:
$("选择器").click(function(){ })；常用 $("选择器").bind("click",function(){}); $("选择器").on("click",function(){});常用
