jquery的bind和on绑定事件的区别
2015-03-24 17:56
639 查看
bind和on的绑定事件的区别:
jquery文档中bind和on函数绑定事件的用法:
.bind(events [,eventData], handler)
.on(events [,selector] [,data], handler)
用$('ul li').bind('click', function(){console.log('click');})绑定的事件,动态添加的li元素不会被绑定click事件,同样的已有的li被删除,但是click事件仍然在
用$('ul').on('click', 'li', function(){console.log('click');}方式绑定,动态添加的li的事件是可以被监听到的
on方法用的是事件代理(委托)机制,结合dom元素的捕获特性和JavaScript事件冒泡的高级特性,把事件绑定在父元素上 ;这种情况一般用在子元素较多或者子元素是变化的场景中;但是如果只是把事件绑定在父元素上,就需要在事件触发时判断当前触发的子元素,所以on方法的第二个可选参数selector就有用了
.on的selector参数指定是父元素代理的子元素
阅读更多相关文章推荐
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- JQuery事件绑定,bind与on区别
- jquery的bind跟on绑定事件的区别
- jQuery的on与bind绑定事件的区别与注意事项
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jQuery中的on与bind绑定事件区别实例详解
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- [jQuery]on和bind事件绑定的区别
- jquery的bind跟on绑定事件的区别
- jquery的bind跟on绑定事件的区别
- 关于jQuery绑定事件on和bind的区别详解 -- sanai
- jquery的bind跟on绑定事件的区别
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- Jquery事件绑定函数:on和bind的区别
- jQuery中的绑定事件_on,bind,live,delegate的区别
- jQuery事件绑定方法bind、 live、delegate和on的区别
- 【转】jQuery中的bind(),live(),delegate(),on()事件绑定方式的区别
- jQuery事件绑定方法bind、 live、delegate和on的区别
- jQuery事件绑定bind、live、delegate和on的区别
- Jquery中的bind(),live(),delegate(),on()绑定事件方式的区别