title: Benefits of jQuery delegated-events approach for Grid
body: <p>Let's say I have a Grid/Table with huge amounts of data like 1000s of rows and event handlers for each of the rows...</p>
  
  <p>Now there are 2 ways of implementing the same;</p>
  
  <p>1.</p>
  
  <pre><code>$( "#dataTable tbody tr" ).on( "click", function() {}
  </code></pre>
  
  <p>and 
  2. </p>
  
  <pre><code>$( "#dataTable tbody" ).on( "click", "tr", function() {}
  </code></pre>
  
  <p>Could you please explain the basic difference between the 2 approach and how it can help in rendering/performance....</p>