jquery - 当选择器为文档时，jquery 'on' 函数是否高效

Question

使用有什么问题吗 Jquery 的 .on() 函数如下:

$(document).on("click", "#myDynamicallyLoadedElement", function() {});

对比像这样:

$(".parentElement").on("click", "#myDynamicallyLoadedElement", function() {});

我觉得 $(document) 的使用效率会低得多，并且可能会导致浏览器的性能或其他问题。

有人知道这样使用 $(document).on() 是否有任何问题吗？

Answer 1

在添加事件监听器时，您希望尽可能缩小范围，但避免重复。现在，当您实际上想要定位整个文档时， $(document) 没有任何问题，但如果不是，那么您可能会受到 jQuery 必须过滤的数百个事件的影响 - 这是一个效率有点低。相反，最好只针对您想听的元素。为了在该示例中获得最佳性能，请执行以下操作:

$("#myDynamicallyLoadedElement").click(function () {});

由于您使用了 ID，我假设文档中只有一个 myDynamicallyLoadedElement。

click() 是 on("click", )

的简写