使用jQuery on（）时，为什么要使用（document）与元素本身？

我想要一个jQuery专家以自己的话来解释为什么其他人建议$（document）标识符用于jQuery的on（）语句而不是仅使用元素本身

示例1：为什么在这里使用$（document）比示例＃2更好？

$(document).on("click", ".areaCodeList a", function(){
    // do stuff
});

示例2：为什么与示例1相比，以这种方式使用元素没有好的习惯？

$(".areaCodeList a").on("click", function(){
    // do stuff
});

这两个都是有效的。

前者适用于动态添加的元素。document之所以使用，是因为您要委派文档对象的子级上的事件，因此事件会上升到文档级别。选择可以的最接近的父级也更加方便（并且父级必须在加载时存在于页面上）。

后者仍然有效，并且是将事件简单绑定到特定元素的一种首选方法。

我个人不建议委派document对象，而是建议在页面加载时存在最接近的父对象。

这是的文档on()。