jQuery操作事件

144 阅读1分钟

jQuery事件

  • 绑定事件的方法

QQ图片20220309134616.png

  • 解除事件
    //给button按钮绑定点击事件,执行handler函数
    $('button').on('click',handler)
    
    //移除事件使用off
    $('button').off('click',handler)
  • 只执行一次的事件
    //当事件绑定在button按钮上
    //当执行函数执行一次以后就不会在执行了
    $('button').one('click',handler)
  • 直接出发的事件
    //当代码执行到这里时,会自动触发一下button的click事件
    $('button').trigger('click')
  • 可以直接绑定常用的事件

    • 可以直接使用的事件就是可以不利用 on 来绑定,直接就可以使用的事件方法
    • click//点击事件
    • blur //失去焦点
    • focus//获取焦点
    • hover//鼠标移入移出事件$('div').hover(移入的处理函数,移出的处理函数)
    • sroll//鼠标滚轮事件
  • 实现绑定事件覆盖效果

    他不会覆盖之前的事件,他会和之前的事件一起触发