jquery - 如何用JQuery减少点击事件的次数？

Question

我有一个包含 100 行的表格，每行都有自己的点击事件:

$('#scorecard-table tbody > tr.accordion').on('click', function (event) {}

我想将其简化为一键点击事件，我认为这可以做到吗？

$('#scorecard-table').on('click', 'tbody > tr.accordion', function (event) {}

我认为这会在表格本身上分配一个单击事件，而不是每行一个事件？

第二个版本的事件似乎与第一个版本一样多。我做错了什么？

Answer 1

我在jquery上找到了以下解释

http://api.jquery.com/on/

除了能够处理尚未创建的后代元素上的事件之外，委托(delegate)事件的另一个优点是，当必须监视许多元素时，它们可能会降低开销。在 tbody 中有 1,000 行的数据表上，此示例将处理程序附加到 1,000 个元素:

$( "#dataTable tbody tr" ).on( "click", function() {
  alert( $( this ).text() );
});

委托(delegate)事件方法仅将事件处理程序附加到一个元素(tbody)，并且事件只需要向上冒泡一级(从单击的 tr 到 tbody):

$( "#dataTable tbody" ).on( "click", "tr", function() {
  alert( $( this ).text() );
});

这应该能回答你的问题吧？