jQuery事件&动画

                                                                            事件
        加载Dom两种方式
            window.onload方式
                执行时间：整个网页中所有内容(包括图片)加载完成后，才会执行
                编写个数：1个
            jQuery方式
                执行时间：网页结构绘制完成后，执行
                编写个数：多个
            两个都有的情况下执行顺序【面试题】
                jQuery3.0：window.onload比jQuery先执行
                jQuery1.0和2.0：jQuery比window.onload先执行
          
        绑定事件两种方式
            元素.on("事件名",function(){})
            元素.事件名(function(){})
           
        合成事件/事件切换
            hover()：鼠标悬停合成事件
                鼠标移上去第一个函数
                鼠标移除第二个函数
           
            toggle()：鼠标点击合成事件
                
        事件传播（事件冒泡）
            传播：小-->中-->大
            阻止传播：事件后面加上  return false
          
        事件坐标
            offsetX：当前元素左上角
            clientX：窗口左上角
            pageX：网页左上角
           
        移除事件：
            元素.unbind("事件名")
           
            注意1：一般情况下，不会使用unbind，推荐使用变量控制事件
          
            注意2：如果某个元素只允许使用一次事件，则可以使用one()
    
    动画效果
        基本
            显示：show(Time)
            隐藏:hide(Time)
            切换：toggle（Time）
          
        滑动
            slideUp(Time)：动画收缩(向上滑动)-->隐藏
            slideDown(Time)：动画展开(向下滑动)-->显示
            slideToggle(Time)：动画切换
            
        淡入淡出(透明度)
            fadeIn(Time)：淡入(透明度减少)
            fadeOut(Time)：淡出(透明度增大)
            fadeToggle(Time)：切换