on('click', 'td', function ()） 与Click的区别

Question

$('#t').on('click', 'td', function () {  $(this).css('color', 'red').css('background', 'yellow'); });与$('#t td').click( function () { $(this).css('color', 'red').css('background', 'yellow'); }); 的区别？哪个性能更好？

Answer 1

on是jQuery官方推荐的 用来代替bind和click等

取消也可以很方便的用off来取消

个人感觉也是on好 操作的事件可以用字符串任意调换，很方便封装函数。

Answer 2

on()方法可以绑定js动态生成的元素而click()不行。

个人认为相对来说click()在性能上好一点