javascript - jQuery on() 方法 - 使用哪种方式对性能更好？

Question

将 on() 事件附加到文档还是更接近的父级更好？

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

Answer 1

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

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

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

Answer 2

如果您将“on”事件绑定到最近的父项将产生您正在寻找的内容，即使将其附加到文档，click 功能也将正常工作，但将来如果您附加任何具有“可点击”类的元素也将获得绑定。因此，将“on”事件附加到最近的父级而不是整个文档始终是一种好习惯。

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

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

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