调用jquery .on（document.body）而不是特定元素是否有缺点

Question

我正在将项目中使用的jQuery版本升级到最新版本。 .live函数在很多地方用于更改动态创建的显示并且运行良好，但.live功能在jQuery的更高版本中被删除，因此需要重新组装。

作为标准化编码的一种方式，我正在考虑将函数称为：

$(document.body).on('click', '#clickableElement', function(){})

而不是

$("#clickableElement').on('click', function(){})

即使不会对动态创建的对象执行click方法。

考虑到它是一个内部网站，少量用户，并且所有元素都提供了id，你认为这个想法有什么不足吗？

Answer 1

事件委托是一种推荐的模式，因为它有助于避免在事件处理程序附加到稍后从DOM中删除的DOM元素时可能发生的内存泄漏。

在大多数情况下，选择器强制JS通过DOM树，识别所有匹配，并将事件处理函数的新实例附加到每个匹配元素，它也更快。

虽然在非常具体的ID示例中都不是这种情况，但将其用作一般方法没有任何缺点。 在文档的根部授权的唯一真正的缺点是在事件到达身体之前取消事件的风险，这可以防止它冒泡到你的处理程序。

Answer 2

事件委派并不总能使您的代码更快。 在某些情况下，它是有利的，在某些情况下不是。

当您真正需要事件委派时以及从中受益时，您应该使用事件委派。 否则，您应该将事件处理程序直接绑定到事件发生的对象，因为这通常会更有效。

此外，您不应该在文档级别绑定所有委派事件。 这正是.live()被弃用的原因，因为当你以这种方式绑定大量事件时，这是非常低效的。 对于委派事件处理，将它们绑定到非动态的最近父节点会更有效。