Javascript 这些Jquery示例之间有什么区别？

我已经看到了使用JQueryy附加事件处理程序的各种方法，尽管每种方法似乎都可以工作，但我不确定它们是否完全不同，或者它们中的任何一种都不推荐使用

$(document).on("click", ".someSelector", function (event) {
  // do work...
});

$(function () {
  $(".someSelector").click(function (event) {
    // do work...
  });
});

---

第一个示例适用于页面上是否有带有someSelector类的元素。如果最终添加了一个，它将起作用

---

第二种方法仅将事件处理程序应用于现有元素。如果以后添加元素，则不会处理单击事件。

也不推荐使用这两种事件。它们有不同的用途。在方法->直接和委托事件处理程序的文档中解释了这一点，这正是我想要的信息。这种区别是我所做工作的关键。谢谢