jQuery 三 jQuery事件注册、处理、绑定on()、解绑 off()、自动触发事件 trigger() ；事件对象——阻止冒泡、默认行为 ；对象拷贝extend；多库共存，插件，本地存储案例

1. jQuery 事件注册

		语法：
		element.事件(function(){
   事件处理程序})

        1. 单个事件注册
        $("div").click(function() {
   
            $(this).css("background", "purple");
        });
        $("div").mouseenter(function() {
   
            $(this).css("background", "skyblue");
        });

其他事件和原生基本一致。
比如click，mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等

2. jQuery 事件处理

2. jQuery 事件处理 on() 绑定事件

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

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

1. events:一个或多个用空格分隔的事件类型，如"click"或"keydown" 。
2. selector: 元素的子元素选择器 。
3. fn:回调函数 即绑定在元素身上的侦听函数。

2.1 事件处理 on() 绑定事件 的三个优势

		    $(function() {
   
            2. 事件处理on
            (1) on可以绑定1个或者多个事件处理程序
            $("div").on({
   
                mouseenter: function() {
   
                    $(this).css("background", "skyblue");
                },
                click: function() {
   
                    $(this).css("background", "purple");
                },
                mouseleave: function() {
   
                    $(this).css("background", "blue");
                }
            });
            如果事件处理程序相同  则可以写一起
            $("div").on("mouseenter mouseleave", function() {
   
                $(this).toggleClass("current");
            });
            
            (2) on可以实现事件委托（委派）
            把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。
            $("ul li").click();
            $("ul").on("click", "li", function() {
   
                alert(11);
            });
            click 是绑定在ul 身上的，但是 触发的对象是 ul 里面的小li
            
            (3) on可以给未来动态创建的元素绑定事件
            $("ol li").click(function() {
   
                alert(11);
            })
            $("ol").on("click", "li", function() {
   
                alert(11);
            })
            var li = $("
我是后来创建的
");
            $("ol").append(li);
        })

2.2 案例：发布微博案例

① 点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中。
② 点击的删除按钮，可以删除当前的微博留言。

        $(function() {
   
             1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中
            $(".btn").on("click", function() {
   
                var li = $("
");
                li.html($(".txt").val() + " 删除");
                $("ul").prepend(li);
                li.slideDown();
                $(".txt").val("");
            })

             2.点击的删除按钮，可以删除当前的微博留言li
            // $("ul a").click(function() {  // 此时的click不能给动态创建的a添加事件
            //     alert(11);
            // })
            // on可以给动态创建的元素绑定事件
            $("ul").on("click", "a", function() {
   
                $(this).parent().slideUp(function() {
   
                    $(this).remove();
                });
            })
        })

2.3 事件处理 off() 解绑事件

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

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

        $(function() {
   
            $("div").on({
   
                click: function() {
   
                    console.log("我点击了");
                },
                mouseover: