JQuery事件与动画

$("button").eq(0).click(function(){
    alert(1);
})

                $("button:eq(0)").on("click",function(){
                    alert(1);
                });

                $("button:eq(0)").on("click mouseover dblclick",function(){
                    console.log("触发了事件");
                });

                $("button:eq(0)").on({
                    "click":function(){
                        console.log("执行了click事件");
                    },
                    "mouseover":function(){
                        console.log("执行了mouseover事件");
                    }
                });

                $("button:eq(0)").on("click",{name:"jredu",age:14},function(evn){
                    console.log(evn);
                    console.log(evn.data.name);
                    console.log(evn.data.age);
                });

                $("button:eq(0)").on("click",function(){
                    $(this).after("<p>这是新增的p标签</p>");
                });
                
                $("p").on("click",function(){
                    alert("没有事件委派");
                });
                
                $(document).on("click","p",function(){
                    alert("这是事件委派");
                });

                $("button").one("click",function(){
                    alert("我只能与大家见一面");
                });

                $("p").on("click",function(evn,n1,n2){
                    for (var i=1;i<arguments.length;i++) {
                        console.log(arguments[i]);
                    }
                    //alert("这是p标签的click事件,你传递了参数"+n1+"和"+n2);
                });
                $("p").trigger("click",["jredu",12]);
                
                setTimeout(function(){
                    alert("时间截止，自动交卷");
                    $("form").trigger("submit");
                },5000);

                $("#p").show(2000,function(){
                    $("#p").hide(2000);
                });
                setInterval(function(){
                    $("#p").show(2000,function(){
                        $("#p").hide(2000);
                    });
                },4000);
                
                $("#p").slideDown(2000,function(){
                    $("#p").slideUp(2000);
                });
                setInterval(function(){
                    $("#p").slideToggle(1000);
                },2000);
                
                $("#p").fadeIn(2000,function(){
                    $("#p").fadeOut(2000);
                });
                $("#p").fadeTo(2000,0.5,function(){});

                $("#p").animate({
                    width:"300px",
                    opacity:"0.5"
                },2000,"linear",function(){
                    alert("动画完成了");
                });