.delegate() vs .on()

by

The .on() syntax is the new syntax that version 1.7 uses and it is meant to substitute .bind(), .delegate() and .live().

More here -> http://blog.jquery.com/2011/11/03/jquery-1-7-released/

New Event APIs: .on() and .off()

The new .on() and .off() APIs unify all the ways of attaching events
to a document in jQuery — and they’re shorter to type!

  $(elements).on( events [, selector] [, data] , handler );
  $(elements).off( [ events ] [, selector] [, handler] );

When a selector is provided, .on() is similar to .delegate() in that
it attaches a delegated event handler, filtered by the selector. When
the selector is omitted or null the call is like .bind(). There is one
ambiguous case: If the data argument is a string, you must provide
either a selector string or null so that the data isn’t mistaken as a
selector. Pass an object for data and you’ll never have to worry about
special cases.

All the existing event binding methods (and their corresponding
unbinding methods) are still there in 1.7, but we recommend that you
use .on() for any new jQuery project where you know version 1.7 or
higher is in use. (emphasis mine)

More Related Contents:

  1. Best way to remove an event handler in jQuery?
  2. jQuery Event : Detect changes to the html/text of a div
  3. jQuery table sort
  4. jQuery ‘input’ event
  5. Determine if $.ajax error is a timeout
  6. Is $(document).ready necessary?
  7. How to force a html5 form validation without submitting it via jQuery
  8. Get name of time zone
  9. Clone isn’t cloning select values
  10. jqGrid: using beforeProcessing to populate filterToolbar selection boxes
  11. How can I animate multiple elements sequentially using jQuery?
  12. jquery $(window).height() is returning the document height
  13. jquery – Click event not working for dynamically created button [duplicate]
  14. wait for a jquery ajax callback from calling function
  15. How to read userData in jqgrid?
  16. jQuery Focus fails on firefox
  17. Order of execution of jquery document ready
  18. Disable specific days of the week on jQuery UI datepicker [duplicate]
  19. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  20. Unobtrusive Ajax stopped working after update jQuery to 1.9.0
  21. jQuery $.animate() multiple elements but only fire callback once
  22. Selecting text on focus using jQuery not working in Safari and Chrome
  23. Apply CSS to jQuery Dialog Buttons
  24. Refresh (reload) a page once using jQuery?
  25. TypeError: $(…).parents(…).size is not a function
  26. JQuery Star Rating [closed]
  27. ESLint dollar($) is not defined. (no-undef)
  28. JSON stringify missing from jQuery 1.4.1?
  29. What JQuery selector excludes items with a parent that matches a given selector?
  30. changing location.hash with jquery ui tabs

Leave a Comment