jQuery04

今天呢，是我jQuery04的一次课堂笔记，
目录
一事件的种类
二，加载事件的两种方式
三，绑定事件（委托事件）
四，事件的切换
五，事件的传播（冒泡）
六，事件坐标，移除事件
七，动画
一事件的种类
1鼠标事件
js事件：
鼠标移入，鼠标移出，鼠标点击，双击

 onmouseover onmouseout onmousemove 
  onmouseleave onmouseenter 
  (onmoueup onmousedown)  

jQuery事件就是将每个事件前的on去掉，例如：mousemove
2，键盘事件
js事件：
键盘按下，键盘松开

onkeydown onkeyup onkeypress
1
3.表单事件
js事件：

onsubmit表单提交事件   onreset表单重置事件
1
4.焦点事件
js事件：

onblur 失去 onfouse得到
二，加载事件的两种方式
1.window.onload = () => {}
在整个页面加载完后执行
2.jQuery方式：
$(() => {})
在整个网页的结构绘制完成后执行

三，绑定事件（委托事件）
                // 委托事件
                $("table").on("click","button",function(){
                        $(this).parents("tr").remove()
                })
            })

           // this在正常函数中是this
            // this在箭头函数中是window

四，事件的切换
hover（鼠标悬停合成事件）
1鼠标上去第一个函数
2鼠标移出第二个函数
五，事件的传播（冒泡）
首先，事件的冒泡与传播是不一样的

// 事件的冒泡会将事件传到你的父级标签
            //冒泡和传播不是一个东西
            $("p").click(function(){
                alert("fgsfbffasgfdf ")
                return false
            })
如何阻断传播，通过用return就可以了六，事件坐标，移除事件
$("body").mousemove(e=>{
                //e就是事件对象
                console.log(e.clientX,e.pageX,e.offsetX)
            })
            $("body").unbind("mousemove")
    //一般情况下，不会用unbind，推荐使用变量控制事件
    //如果某个元素之允许使用一次事件，则可以使用one（）

最后带来 

 

注意：
// this在正常函数中是this
// this在箭头函数中是window