一、今日学习内容
1.jq事件注册
2.jq动画
jq文档加载事件
$(funtion(){})
$(document).ready(funtion(){})
1.原生文档加载事件
window.onload=funtion(）{}
window.addEventListenr('load',funtion(){})
2.jq文档加载事件：让网页中htmlDOM加载完成后，就可以执行js代码
$(document).ready(funtion(）{})
$().ready(function(){ })
$(function(){ })
3.面试题：原生加载事件与jq加载事件的区别
1.原生的不可以简写，jq可以
2.原生的onload一个网页中只能使用一次，jq可以多次使用
jq普通事件绑定
on（）---off（）
1.1 注册事件的分类
分类：
一对一：一个事件源，一个事件类型，一个事件处理函数
一对多：一个事件源，多个事件类型，一个事件处理函数
多对一：一个事件源，多个事件类型，不同事件处理函数
1.2 事件委派---重点掌握
概念：事件委派，事件委托，事件代理，事件分发父元素.on('不带on的事件类型'，'新添加的后代元素',事件处理函数)
事件注销：
jq对象.off():注销所有的事件
jq对象.off('事件1 事件2')
合成事件 jq对象.hover(移入事件,移出事件)
事件对象
event----事件对象：事件处理函数的第一个参数
event.target:事件源
event.type:事件类型
event.pageX pageY:鼠标坐标
阻止浏览器默认行为：event.preventDefault()
阻止冒泡：event.stopPropagation()
jq动画
内置动画
三组：
1.显示/隐藏 show（）
hide（）
2.滑入/滑出 slidedown（）
slideup（）
3.淡入/淡出 fadeIn （） fadeOut（）
自定义动画
概念：自定义动画表示自己写的动画
语法：jq对象.animate(parmas,speed,easing,fn)
parmas:是一个对象，需要执行动画的属性，不是所有属性都可以实现动画效果
speed:动画时长---毫秒
easing：动画类型---linear
fn:回调函数
停止动画
jq对象.stop(参数1,参数2)
1.参数1：停止当前动画，是否结束后面的动画
2.参数2：停止当前动画，是否把当前动画直接拉到结束状态
|
