请教：jquery中on方法的效率问题

[奔跑的苍狼]

我是个初学者，刚接触javascript半个月，接触jquery刚几天，想问个问题。
————————————————————————————————————————
方法：on

html代码：

<table id="t">
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

jquery方法1：

$("#t td").on({
    click:function () {
        // action 1
    },
    mouseover:function () {
        // action 2
    }
});

jquery方法2：

$("#t").on("click", "td", function () {
    // action 1
});
$("#t").on("mouseover", "td", function () {
    // action 2
});

问题：方法1 和 方法2 哪个效率高？除了效率，还有什么区别？

他们只是单纯的因为，方法1可以把click、mouseover等很多方法写在一起，而方法2是分开写的看起来更清晰？还有什么其他区别，求大神给我这个小白讲解，谢谢！
（Ps：求大神不要让我看jquery源码，，看不懂）

[winzond]

引用 2 楼 u013642500 的回复:

[quote=引用 1 楼 winzond 的回复:]
效率问题，我不知道，同一个方法，效率应该差不多吧。但我知道方法2是委托绑定的方法，是将子元素的事件绑定到父元素上来，可以绑定未来元素（父元素绑定时必须存在）事件，而方法1绑定事件时，元素必须已经存在，不能绑定未来元素http://www.runoob.com/jquery/event-on.html看下面的实例

感谢解答！
所以，如果存在未来元素，推荐用方法2。如果确定一定不会出现未来元素，推荐用方法1。
是这样理解吗？[/quote]未来元素不是推荐，是一定要用方法2，你用方法1是绑定不了的。现有元素就随便你了，都可以实现。

[天际的海浪]

方法1是直接对每个td元素都单独绑定一次事件，如果td元素很多，绑定事件时效率低，但事件触发时效率高。 方法2是委托式的绑定事件，只对父元素绑定一次事件，绑定事件时效率高，但如果这个父元素内的子元素的层次嵌套很深，事件触发时效率就比较低。由其对于 mousemove,mouseover和mouseout 触发频率很高的事件。 另外，委托式的绑定事件可以对现未来增加的元素也有效，是直接绑定事件不具备的特性。

[奔跑的苍狼]

引用 4 楼 jslang 的回复:

方法1是直接对每个td元素都单独绑定一次事件，如果td元素很多，绑定事件时效率低，但事件触发时效率高。
方法2是委托式的绑定事件，只对父元素绑定一次事件，绑定事件时效率高，但如果这个父元素内的子元素的层次嵌套很深，事件触发时效率就比较低。由其对于 mousemove,mouseover和mouseout 触发频率很高的事件。
另外，委托式的绑定事件可以对现未来增加的元素也有效，是直接绑定事件不具备的特性。

理解了，非常感谢！

[winzond]

效率问题，我不知道，同一个方法，效率应该差不多吧。但我知道方法2是委托绑定的方法，是将子元素的事件绑定到父元素上来，可以绑定未来元素（父元素绑定时必须存在）事件，而方法1绑定事件时，元素必须已经存在，不能绑定未来元素http://www.runoob.com/jquery/event-on.html看下面的实例

[奔跑的苍狼]

引用 1 楼 winzond 的回复:

效率问题，我不知道，同一个方法，效率应该差不多吧。但我知道方法2是委托绑定的方法，是将子元素的事件绑定到父元素上来，可以绑定未来元素（父元素绑定时必须存在）事件，而方法1绑定事件时，元素必须已经存在，不能绑定未来元素http://www.runoob.com/jquery/event-on.html看下面的实例

感谢解答！ 所以，如果存在未来元素，推荐用方法2。如果确定一定不会出现未来元素，推荐用方法1。 是这样理解吗？