jQuery里面的 .on 和 .bind 的区别

on 和 bind 的区别

1. on 可以多一个 selector 参数,可以给子元素添加事件. bind 只能给自己添加事件

2. 使用on添加的事件比如给自己子集使用类选择器添加的 ,后来创建的含有这个类名的子节点也有事件

 <div id='div1'>     
        <li class='a'>aaaa</li>
    </div>
   <div id="div2">
		<li class="a">bbbb</li>
	</div>

要给div下面的子元素a绑定事件，用bind肯定不行，因为这样会给所有的a元素都绑定事件。用on就可以就可以特意指定唯一父元素下的子元素然后绑定事件

$('#div1').on('click','.a',function(e){
    console.log(this)
})

   $('.a').bind('click',function(e){
          console.log(this)
    })