title: .delegate() vs .on()
body: <p>I'm using jQuery in my web application. I've been using <code>.bind()</code> but I see that it is a little slow, so while reading the documentation I read about <code>.on()</code> and <code>.delegate()</code>. I understand how <code>.delegate()</code> works but I’m not clear on what is the difference between it and <code>.on()</code> or which is better in which scenarios.</p>
  
  <p>Also I'm using jQuery 1.6 so I would like to know if it is worth it to prepare my script for jQuery 1.7 by putting in a condition similar to the following:</p>
  
  <pre><code>if(typeof $(selector).on == 'function'){
      /* use .on() */
  }else{
      /* use .delegate() */
  }
  </code></pre>
  
  <p>Is this a good idea (to prepare for <code>.on()</code>) or is it just looking for trouble for nothing?</p>
  
  <p>Please help me to get clear understanding of these methods.</p>