jq事件

mouseover/mouseout:有事件冒泡，在父元素、子子元素之间移动鼠标产生out事件

        mouseenter/mouseleave:没有事件冒泡，在父子元素、子子元素之间移动鼠标不产生leave事件

       

        入口函数

            js:window.onload事件，在所有dom结构和外部资源加载完成(不一定成功)才执行

            jq:$(document).ready(

                function(){

                    在所有dom结构加载完成执行

            })等价于

            $(function(){

                执行语句

            })

        键盘事件：

            e.keyCode,按键编码

            e.key,按键

       

        事件应用：

            $().click(function(e){

            })

            on

                与普通绑定的区别

                    1、可以绑定多个事件(空格隔开)

                    2、on可以实现数据传递

                    3、on可以实现事件委托

                    4、on支持自定义事件

            off(event),取消on绑定的事件，支持多个

            bind(event,[data],fn)

                不支持事件委托

            unbind，与off类似，取消bind绑定的事件

            one(event,[data].fn),绑定一次事件

            trigger(event)，自动触发事件

            delegate(selector,event,fun)

            undelegate(sel,e)

            toggleClass(),有class则删除，没有则增加

            dom操作

            包裹

            A.wrap(B),将每一个A都用B包裹起来，B可以是存在的，可以是新增的

            A.unwrap()，取消外层包裹，相当于去掉外层元素

            A.wrapAll(B),将所有的A用B包裹起来，可能回产生移动

            A.wrapInner(B),将A所有的子元素用B包裹起来