博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery事件委托
阅读量:6826 次
发布时间:2019-06-26

本文共 655 字,大约阅读时间需要 2 分钟。

jQuery事件委托

绑定事件监听的问题:新加的元素没有监听

1.事件委托(委派/代理)

  * 将多个子元素(li)的事件监听委托给父辈元素(ul)处理

  * 监听回调是加在了父辈元素上

  * 当操作任何一个子元素(li)时,事件会冒泡到父辈元素(ul)

  * 父辈元素不会直接处理事件,而是根据event.target得到发生事件的子元素(li),通过这个子元素调用回调函数

2.事件委托的2方

  * 委托方:业主 li

  * 被委托方:中介 ul

3.使用事件委托的好处

  * 添加新的子元素,自动有事件响应处理

  * 减少事件监听的数量:n==>1

4.jQuery的事件委托API

  * 设置事件委托:$(parentSelector).delegate(childrenSelector,eventName,callback)

  * 移除事件委托:$(parentSelector).undelegate(eventName)

 

//设置事件委托            $('ul').delegate('li','click',function () {                console.log(this)//
  • }) //移除事件委托 $('ul').undelegate('click')

     

      

     

    转载于:https://www.cnblogs.com/yangHS/p/10889898.html

    你可能感兴趣的文章
    Ansible入门
    查看>>
    SVN学习总结(1)——SVN简介及入门使用
    查看>>
    浅谈linux性能调优之五:调优软raid
    查看>>
    Android sdk下载缓慢解决方式
    查看>>
    IBM TPC强化中国建设银行存储管理能力
    查看>>
    常用ftp子命令的总结
    查看>>
    正则表达式
    查看>>
    在 JS 中使用 fetch 更加高效地进行网络请求
    查看>>
    javascript 分页算法
    查看>>
    android手机root后的安全问题
    查看>>
    bat改ip
    查看>>
    SpringBoot之在Servlet2.5容器中部署war应用
    查看>>
    项目申请文档提纲
    查看>>
    加密解密第二章:ollydbg用法
    查看>>
    百万PV网站架构
    查看>>
    N26-第四周作业
    查看>>
    在vmware安装Ubuntu桌面软件
    查看>>
    MySQL之用户和权限管理
    查看>>
    常用的命令的使用方法
    查看>>
    使用HeartBeat实现高可用HA的配置过程详解
    查看>>