jQuery’s .bind() vs. .on()

javascript jquery jquery-selectors
Samuel picture Samuel · Aug 7, 2012 · Viewed 144.3k times · Source

I found two great articles talking about the new function .on(): jquery4u.com, elijahmanor.com.

Is there any way where the .bind() still is better to use than .on()?

For example, I have a sample code that look like this:

$("#container").click( function( e ) {} )

You can note that I just have one item retrieved by the selector and in my case, the <div> named #container already exists when my page was loaded; not added dynamically. It’s important to mention that I use the latest version of jQuery: 1.7.2.

For that sample, should .on() be used instead of .bind() even if I don’t use the other features provided by the .on() function?

Answer

Blazemonger picture Blazemonger · Aug 7, 2012

Internally, .bind maps directly to .on in the current version of jQuery. (The same goes for .live.) So there is a tiny but practically insignificant performance hit if you use .bind instead.

However, .bind may be removed from future versions at any time. There is no reason to keep using .bind and every reason to prefer .on instead.

Related questions

How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
Get selected text from a drop-down list (select box) using jQuery

How can I get the selected text (not the selected value) from a drop-down list in jQuery?

Read More
How to get the children of the $(this) selector?

I have a layout similar to this: <div id="..."><img src="..."></div> and would like to use a jQuery selector to select the child img inside the div on click. To get the div, …

Read More