高版本jquery中on方法,替代live方法

高版本jquery中已经剔除了live等方法,在使用过程中我们可以试用on方法来替代live方法。

jquery中用on来绑定事件,经常的写法:
$(document).on('click','.classname',function(){});
$('.classname').on('click',function(){});

同样的,
$(document).on('click','#idname',function(){});
$('#idname').on('click',function(){});

$(document).on是把事件委托到了document上 对的。
$('#idname').on是把事件直接绑到#idname

$('.classname').on('click',function(){}); 每一个有.classname的元素,绑一个click事件。
所以用$(document).on('click','.classname',function(){}); 比较好,

Tags: none

仅有一条评论

  1. 在效率方面,个人觉得直接绑在元素上面要高些,毕竟绑在document上,每次document有点击动作,浏览器就会判断你当前点击的对象,如果匹配,然后才决定要不要执行,多了一个判断的环节,但是在一般开发中,js执行效率很高,这个判断动作很快,个人觉得影响不是很大,以上纯属个人看法

添加新评论