.delegate() vs .on()
<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>
