jquery事件

jquery中的事件:

        同js中的事件是一致
        但是写法上不同        
        $("").click(function(){});

jquery中的自定义事件:

        //给对象绑定事件
        $("p").bind("hello",function () {
            console.log("hello..");
        })//事件名为hello
        //触发事件
        $("p").trigger("hello");
        //解绑事件
        $("p").unbind("hello");

事件冒泡:

    事件具有传递性                
        在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

    事件冒泡的作用 
        事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。

    阻止事件冒泡 
        事件冒泡机制有时候是不需要的，需要阻止掉，通过 event.stopPropagation() 来阻止
    
    
    
    阻止右键菜单
        $(document).contextmenu(function(event) {
            event.preventDefault();
        });

实际开发中，一般把阻止冒泡和阻止默认行为合并起来写，合并写法可以用

// event.stopPropagation();
// event.preventDefault();

// 合并写法：
return false;    

事件委托
    事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。

           //事件委托
            $("ul").delegate("li", "click", function () {
                console.log("....");
            });

            //取消委托
            $("ul").undelegate("li", "click");