jQuery 中的 bind(), live(), delegate(), on()的区别

小码哥・Martin

于 2022-08-06 17:54:21 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript jQuery 文章标签：前端 javascript jquery

本文链接：https://blog.youkuaiyun.com/php_martin/article/details/125799054

JavaScript 同时被 2 个专栏收录

108 篇文章

订阅专栏

jQuery

11 篇文章

订阅专栏

本文详细介绍了jQuery中四种事件绑定方法——bind、live、delegate和on的区别与应用场景。bind()直接绑定在目标元素上，而live()利用事件冒泡监听整个DOM。delegate()提供更精确的事件代理，适用于小范围元素。最新版jQuery的on()方法综合了前三者，成为首选的事件绑定机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    bind() 直接绑定在目标元素上
live() 通过冒泡传播事件，默认document上，支持动态数据
delegate() 更精确的小范围使用事件代理，性能优于 live
on() 是最新的1.9版本整合了之前的三种方式的新事件绑定机制