jquery use of bind vs on click

by

From the documentation of bind and click :

bind :

As of jQuery 1.7, the .on() method is the preferred method for
attaching event handlers to a document.

The source makes it clear there’s no reason to use bind, as this function only calls the more flexible on function without even being shorter :

bind: function( types, data, fn ) {
    return this.on( types, null, data, fn );
},

So I’d suggest, just like the jQuery team, to forget the old bind function, which is now useless. It’s only for compatibility with older code that it’s still here.

click :

This method is a shortcut for .on(‘click’, handler)

This shortcut is of course less powerful and flexible than the on function and doesn’t allow delegation but it lets you write a shorter and, arguably, slightly more readable, code when it applies. Opinions diverge on that point : some developers argue that it should be avoided as it is just a shortcut, and there’s also the fact that you need to replace it with on as soon as you use delegation, so why not directly use on to be more consistent ?

More Related Contents:

  1. Disable a part of JavaScript code [closed]
  2. How to get children id when I click the parent?
  3. $(document).click() not working correctly on iPhone. jquery [duplicate]
  4. onClick not working on mobile (touch)
  5. Get the contents of a table row with a button click
  6. Why is this jQuery click function not working?
  7. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  8. How to completely DISABLE any MOUSE CLICK
  9. JavaScript: Invoking click-event of an anchor tag from javascript
  10. Change CSS properties on click
  11. Prevent onclick action with jQuery
  12. jQuery function not binding to newly added dom elements
  13. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  14. Simulating a click in jQuery/JavaScript on a link
  15. Function not calling within an onclick event
  16. Not able to get Regular Expression in javascript
  17. Smooth scrolling when clicking an anchor link
  18. Trying to fire the onload event on script tag
  19. How to show Page Loading div until the page has finished loading?
  20. Getting Bootstrap’s modal content from another page
  21. JQuery Slider, how to make “step” size change
  22. Detect between a mobile browser or a PhoneGap application
  23. prevent touchstart when swiping
  24. Remove attribute of HTML tag
  25. Is there a way to zoom into a D3 force layout graph?
  26. jQuery – bind event on Scroll Stop
  27. Twitter bootstrap – Focus on textarea inside a modal on click
  28. Easy dom manipulation in AngularJS – click a button, then set focus to an input element
  29. How do I make a div full screen?
  30. DOM Element Width before Appended to DOM

Leave a Comment