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