首页 > 代码库 > jquery 中 on 和普通绑定的区别
jquery 中 on 和普通绑定的区别
都说on是用于动态添加的元素的事件。但是你不觉得奇怪嘛，难道动态添加的元素就不能用普通的事件绑定，这样说不通啊！
其实是on可以在元素添加到dom之前绑定，而对于普通绑定，只要元素已经出现在了dom中，不论是否动态添加 事件当然也是生效的
$(‘body‘).on(‘click‘, ‘.d1‘, function(event) { //event.preventDefault(); console.log(‘on0‘);//ok }); console.log($(‘.d1‘)); $(‘.d1‘).on(‘click‘, function(event) { console.log(‘on1‘); //not working becasuse $(‘.d1‘) is undefined }); $(‘.d1‘).click(function(event) { /* Act on the event */ console.log(‘click0‘);// not working same reason as before }); var dq=$(‘<div class="d1"></div>‘); $(‘body‘).append(dq); $(‘.d1‘).click(function(event) { /* Act on the event */ console.log(‘click‘); });
可以看到 对于on 绑定也是有要求的，如果on的左边的对象不存在 当然绑定也是不行的。
on左边应该是一个已经存在的父元素，待绑定click对象是d1 这样就是在元素添加到DOM之前指定了事件处理
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。