$(document) 和 $(element) 之间的区别 [重复]

Question

这个问题在这里已经有了答案：

• 什么是 DOM 事件委托？ 10 个答案
• 动态创建元素的事件绑定？ 23 个答案

我想了解以下之间的准确区别是什么：

 $(document).on('click', '.className', function(){});

和

 $('.className').click(function(){});

据我了解，每当有动态数据时，我通常都会使用$(document)但今天我观察到它不适用于$(document)并且当我用$('.className')替换它时， 有效！

我真的很想了解一次不明显的准确差异！

谢谢！