首页 > 开发 > JS > 正文

jQuery的live()与click()区别是什么?

2017-09-05 13:02:22  来源:网友分享

最近发现挺多代码是用live()绑定事件,而且经常没有在外部包裹ready()

$('#id').live('click', function() {    console.log('hello');});

而通常情况下,我们绑定事件方法都是用:

$(document).ready(function() {    $('#id').click(function() {        console.log('hello');    });});

他们之间有什么区别吗?为什么要这样写?

解决方案

click适合单一元素

http://jsfiddle.net/PkNT6

live('click',function(){ .. }) 是事件委托, 适用符合条件的多个元素, 一是比较简单,涉及元素变动不需要频繁修改, 二是元素比较多的情况下效率比较高

http://jsfiddle.net/PkNT6/1

jquery 1.7版后建议用on替代live, live在今后的版本会被移除

http://jsfiddle.net/PkNT6/2