Jquery 将事件绑定到元素'；他离父母很近

在我的代码历史中，我经常写jquery代码，像这样，在near元素上写事件函数，昨天，我的朋友告诉我，你可能在他们的near parent上写事件函数，如下面的代码：

$(document).ready(function() {
// write the event on a's parent 
$("#footer").on("click",function(e) {

})
// I often write like this
$("#footer a.first").click(function() {
   $('form').submit() 
})
//or write like this
$('#footer a').last().bind("click",function() {
    $('form')[0].reset()
})
}) 

我将代码放在JSFIDLE中：

---

有人能告诉我一些事实和例子让我相信吗？

我想你要找的是

// write the event on a's parent 
$("#footer").on("click", 'a.first', function(e) {
    $('form').submit() 
})
$("#footer").on("click", 'a:last', function(e) {
    $('form')[0].reset()
})

演示：

它使用事件委托来触发处理程序。它主要用于必须为动态添加的元素注册处理程序时。如果元素是动态添加的，则正常处理程序注册不会将处理程序添加到执行事件注册代码后添加的元素中。在这种情况下，我们向父元素添加了一个委托处理程序，当代码使用选择器执行时，该选择器将显示必须触发事件的实际元素，作为

.on（）

方法的第二个参数

---

在这种情况下，这没有多大区别。

你能澄清你的问题吗？在父母身上绑定事件的方式比绑定自己好，这是我的问题！如果在一个块元素下，会发生一些事件，比如“单击”，我可以在一次父单击中写入它们吗？