Jquery

事件解除绑定：

  1. off()解除绑定     

    元素集合.off(事件类型) // $(".div").off("click")  // 把 class div的 click 事件对应的所有事件处理函数全部移除

  2. 解除指定的时间处理函数

    元素集合.off(时间类型，要解除的时间处理函数) // $(".div").off("click", handlerB)

  3. trigger() 事件触发

    使用代码的方式， 来触发事件

      元素集合.trigger(时间类型)

setInterval(function(){
    $(".div").trigger("click")
})

JQuery 基本动画函数

  show(), hide(), toggle()

$(".btn").click(()=>{
    $(".div").show(1000,'linear', ()=>{console.log("show 结束了")})
})

JQuery折叠动画(上下)

  slideDown(), slideUp(), slideToggle()

$(".btn").click(()=>{
    $(".div").slideDown(1000,'linear', ()=>{console.log("slideDown 结束了")})
})

JQuery 渐隐渐现动画函数

  fadeIn(), fadeOut(), fadeToggle(), fadeTo()

$(".btn").click(()=>{
    $(".div").fadeIn(1000,'linear', ()=>{console.log("fadeIn 结束了")})
})

 JQuery 综合动画函数

  animate()

    第一个参数： 要运动的样式， 以一个队形数据类型传递

    第二个参数： 运动时间

    第三个参数： 曲线运动

    第四个参数： 运动结束的回调函数

$(".btn").click(()=>{
    $(".div").animate({
        width:100,
        height:100
    },1000,'linear', ()=>{console.log("animate 结束了")})
})

JQuery 结束动画函数

  stop()

    当任何一个元素，执行了 stop 方法以后，会离职结束当前的所有运动，目前运动到什么位置，就停留在上面位置，一般对于结束动画的时候，都是在运动开始之前

$("button:nth-child(1)").click(()=>{
    // 每一次触发的时候，都会把之前的动画停下来，只执行本次最新的动画
    $(".div").stop().toggle(2000)
})

  finish()

    会立即结束当前的所有运动，直接去到动画的结束位置

$("button:nth-child(1)").click(()=>{
    // 每一次触发的时候，都会把之前的动画停下来，只执行本次最新的动画
    $(".div").finish()
})

JQuery Ajax请求