jq动态绑定点击事件

jq动态添加的元素需要添加点击事件 可用delegate on添加
1.delegate

<div id="box">

</div>
<button type="button" id="addbtn">添加</button>

<script type="text/javascript">
    $(function(){
        //动态创建元素
        $("#addbtn").click(function(){
            var op = "<p class='pp'>添加的P标签</p>"
            $('#box').append(op);
        })
        //绑定点击事件
        $("#box").delegate('.pp','click',function(){
            console.log('点击P标签');
        })
    })
</script>

2.on

<div id="box">

</div>
<button type="button" id="addbtn">添加</button>

<script type="text/javascript">
    $(function(){
        //动态创建元素
        $("#addbtn").click(function(){
            var op = "<p class='pp'>添加的P标签</p>"
            $('#box').append(op);
        })
        //绑定点击事件
        $("#box").on('click','.pp',function(){
            console.log('点击P标签');
        })
    })
</script>