jQuery on 和bind的区别

on :可以多一个selector参数,可以给子元素添加事件.使用on添加事件,比如给自己的子元素使用类选择器添加的,后来创建的含有这个类名的子节点也有事件
html:

 <div id='div1'>
        <li>aaaa</li>
        <li class='a'>bbb</li>
        <li>aaaa</li>
    </div>

js:

 $('#div1').on('click','.a',function(e){
                alert('111')
            })

            $('<li>',{
                class:'a',
                text:'新添加的'
            }).appendTo($('#div1'))

结果:不仅仅是bb能触发点击事件,新添加的也可以触发事件
bind: 只能给自己添加事件;
html:

 <div id='div1'>
    <li>aaaa</li>
    <li class='a'>bbb</li>
    <li>aaaa</li>
</div>

js:

 $('#div1').on('click','.a',function(e){
                alert('111')
            })

            $('<li>',{
                class:'a',
                text:'新添加的'
            }).appendTo($('#div1'))

结果:只是bb能触发点击事件,新添加的不可以触发事件