目标

1. jQuery 事件注册

js语法：

element.事件(function(){})

jQuery语法：

$("div").click(function() {事件处理程序})

其他基本和原生一致。

比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等。

on() 方法在匹配元素上绑定一个或多个事件的事件处理函数

语法：

element.on(events,[selector],fn)

on() 方法优势1：

可以绑定多个事件，多个处理事件处理程序。

 $("div").on({
    mouseenter:function() { },           
 	click:function() {},
    mouseleave:function() {}
           });

如果多个事件的程序相同：

$("div").on("mouseenter mouseleave", function() {
               $(this).toggleClass("current");
           });

on() 方法优势2：

可以事件委派操作。事件委派的定义就是，把原来加给元素身上的事件绑定在父元素身上，就是把事件委派给父元素。

$("ul").on("click", "li",function() {
            alert(11);
        });
        // click 是绑定在ul身上的，但是触发的是ul当中的li

在此之前有bind(),live(),delegate()等方法处理事件绑定或者事件委派，最新版本的请用on替代他们。

on() 方法优势3：

动态创建的元素，click()没有办法绑定事件，on()可以给动态生成的元素绑定事件。

off()方法可以移除通过on()方法添加的事件处理程序。

$("div").off(); // 接触了div身上的所有事件
           $("div").off("click"); // 接触了div身上的点击
           $("ul").off("click","li"); // 解绑事件委托

如果有的事件只想触发一次，可以使用one()来绑定事件。

$("p").one("click", function() {
               alert("好看");
           });

有些事件希望自动触发，比如轮播图自动播放功能跟点击右侧按钮一致。可以利用定时器自动触发右侧按钮点击事件，不必鼠标点击触发。

element.click() // 第一种简写形式

element.triggger("type") // 第二种自动触发模式

element.triggerHander(type) // 第三种自动触发模式

事件被触发，就会有事件对象的产生

element.on(events,[selector],function(event) {})

阻止默认行为：event.preventDefault() 或者 return false

阻止冒泡：event.stopPropagation()

返回指定的祖先节点。 $(selector).parents(filter);