事件

mouseover和mouseenter区别 

mouseover 会产生冒泡现象，只要焦点发生改变就会触发该事件

mouseenter不会冒泡（项目中使用）

$().事件(function(){

 

})

 

事件绑定 

bind()  绑定  

用法 ：

    1、对象.bind("事件",function(){  }) 

            绑定一个事件一个处理程序

    

    2、对象.bind({    

         事件 ： function(){},

         事件 : function(){},

         .....

       })

            绑定多个事件多个处理程序

    

    3、对象.bind（"事件1，事件2"，function(){}）

            绑定多个事件一个处理程序

    

unbind("事件") 解除绑定

 

事件委托 delegate： 

父级对象.delegate("事件源",事件,function(){

 

})

取消委托 ： undelegate

 

事件绑定和事件委托 ：  

    on (绑定或委托)   ----  off (解除绑定或解除委托)

    事件绑定 用法和bind()一样

    事件委托

        对象.on("事件", "事件源",function(){

 

        })

 

事件切换  hover

用法：

    对象.hover(function(){

        mouseenter

    },function(){

        mouseleave

    })

 

jquery的页面加载 

$(document).ready(function(){

 

})  

简写成  

    $(function(){

 

    })

 

jquery的页面加载中的代码，不需要等页面所有内容全部加载完成后执行  

jquery的页面加载函数可以存在多个

 

onload和ready区别

    onload：只能有一个，且等页面所有内容加载完之后执行

    ready： 可以有多个，且不用等页面内容加载完

 

补充 ： 

offset()      结果是一个对象 left top，获取距离文档顶部（body）的左偏移和上偏移

position()    结果是一个对象 left top，获取距离父级元素中具有定位的元素的偏移量

                                         父元素没有定位时，获取的时距离文档顶部的偏移量

 

$(document).scrollTop()                    获取页面滚走的距离

$(document/"body，html").scrollTop(数值)   设置页面滚走的距离

    document不能操作动画

    body，html可以操作动画，且animate 可以设置scroll属性

        $(""body,html").animate({"scrollTop" : 目标值},时间) 可以让页面平缓的回到顶部