.bind()是直接绑定在元素上
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都网站设计、黔江网络推广、小程序开发、黔江网络营销、黔江企业策划、黔江品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供黔江建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com
.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。
.delegate()则是更精确的小范围使用事件代理，性能优于.live()
.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制
一、作用不同
1、on()：在被选元素及子元素上添加一个或多个事件处理程序。
2、live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
二、触发条件不同
1、on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。
2、live()：通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。
三、语法不同
1、on()：$(selector).on(event,childSelector,data,function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。
2、live()：$(selector).live(event,data,function)，其中event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。
参考资料来源：百度百科-jQuery
.bind()与.on()的区别：
（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。
如果使用on的时候，不设置selector，那么on与bind就没有区别了。
（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。
（3） delegate用法与on()相同，只是参数的顺序不同：
扩展资料：
.bind()与.on()的实际应用：
1.bind()是直接绑定在元素上 ，将一本地地址与一套接口捆绑。如无错误发生，则bind()返回0。否则的话，将返回-1，应用程序可通过WSAGetLastError()获取相应错误代码。
用于事件处理程序
function ClassName(){
this.eventHandler = (function(){
}).bind(this);
}
2.on()则实现事件代理, 可以在匹配元素上绑定一个或者多个事件处理函数。
（1） 用来绑定多事件,并且为同一函数，如：
$('div').on('click mouseover',function(){
//do sth
});
（2）多个事件绑定不同函数，如：
$('div').on({
'click':function(){
//do sth
},
'mouseover':function(){
//do sth
}
});
（3）事件代理，如：
html:
button id="bt1"按钮1/button
jq:
$('#bt1').on('click',function(){
$('body').append('button按钮2/button');
});
$('body').on('click','.bt2',function(){
console.log('这是bt2');
}
参考资料：百度百科-bind()
[img]jQuery中用on来绑定事件，常用写法
两种写法哪个更好？
1. $(document).on 将事件委托document， $('#idname').on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。JS渲染效率很高，所以此异同基本可以忽略。
2. $("className").on 为onclick绑定，只有在页面onload时执行一次。页面刷新后，新加载的具有className的元素便没有事件绑定到上面了。相反$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。
重庆分公司
重庆分公司
