jQuery on（）方法 - 哪种方式使用更好的性能？

Question

将on（）事件附加到文档或更近的父级是否更好？

注意：最初这个问题有另一个方面和不同的主题。它很快就过时了（源代码中的拼写错误）

Answer 1

使用jQuery的最佳性能关键是使用id作为初始标识符。例如：

$('#my_id').on('click', 'tag.my_class', function () {
    ...
});

这允许jQuery直接进入容器，然后从那里开始拖网。

Answer 2

如果将“on”事件绑定到最近的父级将生成您正在查找的内容，则单击函数即使将其附加到文档也能正常工作，但将来如果附加类“clickable”的任何元素也会被绑定。所以将“on”事件附加到最近的父级而不是整个文档上总是很好的做法。

如果您想要更具体，可以使用

$("ul.media-grid").on('click', 'li.clickable', function () {
  alert("works")
});

因为它将获得带有“media-grid”类的ul并将该事件附加到具有“clickable”类的li中