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能触发点击事件,新添加的不可以触发事件