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

    <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事件