li.onclick时新增的li无反应

1、事件绑定时

$("ul li") on click时,类似于
li[0] onclick、li[1] onclick、li[2] onclick。。。。。。
jquery会遍历每个li,给其绑定一个事件,onclick会做一个监听器,浏览器在内存里申明了一个监听器的东西

Paste_Image.png

新增加的li并没有监听器

2、事件委托(事件代理)

会有一个大的监听器监听ul

Paste_Image.png

监听器数量减少了,但功能变复杂了,每次点击li都会触发这个监听器,新增的li可以绑定事件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,307评论 0 1
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,552评论 0 8
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,755评论 2 10
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,535评论 0 2
  • 姓名:刘小琼 公司:宁波大发化纤有限公司 宁波盛和塾《六项精进》第235期学员 【日精进打卡第86天】 知~学习 ...
    刘小琼123阅读 155评论 0 0

友情链接更多精彩内容