高版本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(){});
比较好,
在效率方面,个人觉得直接绑在元素上面要高些,毕竟绑在document上,每次document有点击动作,浏览器就会判断你当前点击的对象,如果匹配,然后才决定要不要执行,多了一个判断的环节,但是在一般开发中,js执行效率很高,这个判断动作很快,个人觉得影响不是很大,以上纯属个人看法