复习JQ (7)

JQ中的动画

一、animate();

第一个参数 接受Json  代表目标值

第二个参数 规定时间 默认400 

第三个参数 规定运动的形式 只有两种运动形式：默认 swing(慢快慢) linear(匀速)

第四个参数 回调函数

animate({"width":300, "height":300},3000,"linear",function(){

    console.log(232); //或者执行另一个动画

});

二、stop();

两个参数   第一个参数  是否清除队列   第二个参数 是否将当前运动跳到结束阶段   不写默认两个为false

三、delay ()

动画延迟执行  接受一个参数 代表时间

四、finish()

使动画直接到结束时的状态

五、delegate()   undelegate()

事件委托和取消事件委托

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

$("ul").delegate("li","click",function(){

    alert(22);   //所有li都有了点击事件

    $("ul").undelegate(); //取消事件委托

})

六、trigger

主动触发

$("div").on("click",function(){

    alert(123);

})

$("div").trigger("click");  //自动弹出123

七、ev.data   ev.target  ev.type

$("div").on("click",{"name":"jack"},function(ev){

    alert( ev.data.name );  //jack

    alert( ev.target );  // 当前事件的事件源

    alert( ev.type );  // click

})