Jquery事件

一、事件注册

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（）方法优势1

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

$("ol").on("click", "li", function() {
                alert(11);
            })

3、 优势二：

on可以给未来动态创建的元素绑定事件

// (3) on可以给未来动态创建的元素绑定事件
            // $("ol li").click(function() {
            //     alert(11);
            // })
            $("ol").on("click", "li", function() {
                alert(11);
            })
            var li = $("<li>我是后来创建的</li>");
            $("ol").append(li);

4、one   只触发一次事件

$("p").one("click", function() {

                alert(11);

            })

二、事件解绑 

      （1）$("div").off(); // 这个是解除了div身上的所有事件

      （2）$("div").off("click"); // 这个是解除了div身上的点击事件

       （3）$("ul").off("click", "li");   解绑了事件委派

 

三、自动触发事件 

      （1）元素.事件()

             $("div").click();会触发元素的默认行为（例如文本框聚焦闪烁）

      （2）. 元素.trigger("事件")

             $("div").trigger("click");会触发元素的默认行为

       （3）元素.triggerHandler("事件") 不会触发元素的默认行为

             $("div").triggerHandler("click");