对于jQuery中事件绑定的一点说明

    对于事件的绑定，其实在1.7之后就已经建议使用on来绑定事件了，建议使用off来解绑事件。其发布地址是:http://blog.jquery.com/2011/11/03/jquery-1-7-released/ ，当然其实在知乎上还有一段讨论也蛮精辟的，这里来记录一下，下面的内容来自知乎。

    

本身两个提供的功能并不完全一样，正如文档中说的，.bind()只能对已有的元素绑定事件，而.live()能对未来插入的元素绑定事件。

从jQuery发展历史来说，.bind()是从1.0版开始就已经提供了的，这是对事件绑定提供一个统一的接口。
而后在1.3版之后，才提供了.live()。为了给事件绑定提供更多灵活性。

当然，确实有可能在未来某个版本中合并成一个，通过给bind增加一个参数，内部调用live，来完成live的功能。但目前从1.4.3里新增的那个参数来看，似乎近期内不太可能了……

作者：张晓菲Shawphy
链接：https://www.zhihu.com/question/19621333/answer/12413541
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

如果你知道事件监听的话就知道这两个有什么区别了。第一个是把事件绑定在元素上，第二个是把事件绑定在document上，通过监听event.target来判断是不是你所绑定的事件。这样有一个好处就是在于，你可以在ajax加载节点的时候不用再加载完之后重新绑定一次，因为你的监听事件是在document上面。如果用bind的话，那么当ajax加载dom的时候，新过来的节点是没有绑定事件的，你还需要重新绑定一次。
另外在jQuery现在的版本里面，已经不推荐使用live方法了，所有的绑定事件全部统一为$.on，解绑事件统一到$.off

作者：天翔Skyline
链接：https://www.zhihu.com/question/19621333/answer/18845415
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。