jQuery Forum

What I would like to know is, the best way to add a click event to an element? There are SO many ways to do this. Primarily, most ways come from jQuery, but you also have the onclick attribute for HTML. But, I have been advised not to use the onclick event because it's best practice to keep the HTML purely for markup and structure.

Which leaves me with just jQuery. But then again, there's so many ways to do this. I have:

1. $.bind(...)
2. $.click(...)
3. $.on(...)

To name a few, but then if I am creating some content dynamically, I could do,

Or I could do:

My other question is, why is there so many ways to use .on(...)? (Taken from here) I could use on in the following instances:

2. // Bind
3. $( "#members li a" ).on( "click", function( e ) {} ); 
4. $( "#members li a" ).bind( "click", function( e ) {} ); 
5.  
6. // Live
7. $( document ).on( "click", "#members li a", function( e ) {} ); 
8. $( "#members li a" ).live( "click", function( e ) {} );
9.  
10. // Delegate
11. $( "#members" ).on( "click", "li a", function( e ) {} ); 
12. $( "#members" ).delegate( "li a", "click", function( e ) {} );

If you could clarify those points - it would be greatly appreciated!

Thanks