If you have 10 buttons inside a p, attach only one event handler to
the p wrapper, instead of one handler for each button. Events bubble
up so you'll be able to catch the event and figure out which button it
originated from.

如果在一个p中有10个按钮，与其在每个按钮上都放一个事件处理程序，不如只在p上放一个事件处理程序。事件会冒泡上溯，这样你就会捕获这一事件，并找出是哪个按钮发起的它。

1.假如子元素绑定的事件都是一样的

我设定了如下场景如果使用jquery来写下，例如：

<ul id="ul">
</ul>
<script>
for(i=1;i<10000;i++){
    $("#ul").append('<li>'+i+'</li>');
}
$("#ul li").click(function(){
    console.log(this);
})
$("#ul").delegate("li","click",function(){
    console.log('delegate',this);
})

上面代码中，如果子元素很多，第二种会比第一种高效很多吗？还是jquery本身就做优化，两者效果一样？

假如这10个按钮各自绑定了10个事件

怎么可以在外面的p里只绑定一个事件来取代？

比如是click事件，难道是在p的click事件做10个swtich case判断应该选择哪个事件触发？

应该不是这样吧，不然也没什么意义。

不太理解，谁能举个例子解释下最好了。