Jquery使用代理的方式绑定控件事件

a117616

于 2017-08-07 15:26:02 发布

阅读量357

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery-事件代理文章标签： jquery 控件函数

本文链接：https://blog.csdn.net/a117616/article/details/76849688

代理同时被 2 个专栏收录

1 篇文章

订阅专栏

jquery-事件

0 篇文章

订阅专栏

本文探讨了在使用jQuery进行网页开发时，如何为动态添加的元素正确绑定点击事件。通过对比直接绑定与代理绑定两种方式，文章详细解释了为何直接绑定在某些情况下无法生效，并给出了有效的解决方案。

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

    <p>content1</p>
    <p>content2</p>
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $("p").click(function() {
            console.log($(this).html());
        });
        $("button").before("<p>new content</p>");
    </script>

以上方法在动态加入新元素时, 不会绑定click方法.

    $("body").on("click", "p", function() {
        console.log($(this).html());
    });

采用代理绑定时, 后来动态添加的元素能够执行click事件