jQuery中的事件委派(代理事件)delegate

jQuery给我们提供了强大的js库。我们可以用jQuery脚本向页面添加元素,随着程序进行添加的元素怎么添加事件呢?就需要使用delegate了。 delegate() 方法可以为已有或新添加的页面元素绑定已定义的事件:
如下:
html:

站在用户的角度思考问题,与客户深入沟通,找到仲巴网站设计与仲巴网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖仲巴地区。



123

jquery:

$(function(){
//定义测试函数
function foo(){
alert($(this).text())}
//已有元素
$("div span").on('click',foo)
//点击按钮添加新元素
$("div button").click(function(){
$("div").append("123")
})

          //给新元素绑定事件
          $("div").delegate('span','click',foo)
          //$("div").undelegate('click')              
      })

这样就可以为添加的新元素绑定事件,并且原有的span元素会弹出两次文本内容,证明delegate也给匹配到的当前的元素绑定了事件。
如果想要消除绑定很简单:

$("div").undelegate('click')

删除由delegate委派绑定的事件,不是通过delegate委派的事件则不会删除。


分享标题:jQuery中的事件委派(代理事件)delegate
标题URL:http://www.hxwzsj.com/article/jpgpcj.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 重庆网站制作 成都网站建设公司 成都网站设计 成都企业网站建设 网站建设公司 成都网站建设公司 网站建设公司 成都网站设计 自适应网站建设 企业手机网站建设 重庆网站设计 成都网站设计制作公司 成都做网站建设公司 高端网站设计 成都网站建设 定制网站建设多少钱 成都网站建设 成都网站建设 网站设计制作报价 成都商城网站制作 达州网站设计 成都网站制作