Js中Dom事件流：
多个彼此嵌套元素，他们拥有相同的事件，最内部元素事件被触发后，外边多个元素的同类型事件也会被触发，多个元素他们同类型事件同时执行的效果称为“事件流”
事件对象！
只能在function小括号里写！调用时候不能写！
用匿名函数！
Input1.onKeydown=function(evt){
Console.log(evt);
}
鼠标移动到设置两个字，弹出4个下拉框：获取两个字的位置，获取鼠标位置，获取四个边的位置，计算位置数据！！！
Evt.stoppropagation(); --阻止事件对象！
Js和JQuary：
主要区别体现在Dom上面：找元素à操作元素！
Js：document.getElementByID();
document.getElementsByTagName();
JQuary: .one
$(选择器)
Js对象：jsobj
JQuary对象：jqobj
操作元素：
操作内容：jqobj.html(‘123’)—非表单元素！ jqobj.val(“字符串”)
操作属性：设置属性：jqobj.attr(‘class’，‘add’); 一个参数是获取，两个参数是设置！ Jqobj.attr({‘class’：‘add’,‘id’：‘id’}); --同时设置多个属性用json格式数据！ Jqobj.removeattr(‘’);
Jqobj.addclass(‘add’);
操作样式：jqobj.css(); 一个获取，两个设置，多个用json格式！
操作事件：jqobj.click(function(){});
创建删除：jqobj.html(‘<button></button>’);
JQuary:先引入JQuary.js文件才能用（BootStrap等框架有JQuary.js文件才能用）！
页面加载完成：
JS：window.onload=function(){};
Jquary:
$(document).ready(function(){})
方式2：
$(function(){})