情况1（直接）：
$("div#target span.green").on("click", function() {...});==嘿！我希望div＃target内的每个span.green都监听：单击时，请执行X。
案例2（授权）：
$("div#target").on("click", "span.green", function() {...});==嗨，div＃target！当您的“ span.green”子元素中的任何一个被单击时，对它们进行X操作。
换一种说法…
在情况1中，已分别给每个跨度指示。如果创建了新的跨度，他们将不会听到指令，也不会响应点击。每个跨度 直接负责 其自身的事件。
在情况2中，仅向容器提供了指令；它负责 代表 其子元素注意到点击。捕获事件的工作已 下放 。这也意味着该指令将针对将来创建的子元素执行。
