When using jQuery on(), why use (document) vs. the element itself?

by

Both of those are valid.

The former works for dynamically added elements. You use document because you’re delegating events on children of the document object, so events bubble up to the document level. It’s also more convenient to select the closest parent you can (and the parent must exist on the page at load).

The latter still works, and is a preferred way to simply bind events to specific elements.

I personally don’t recommend delegating through the document object, but rather the closest parent that exists on page load.

Here are the docs for on().

More Related Contents:

  1. How do I pass a URL as a parameter? [closed]
  2. .index() only for one instance of class [closed]
  3. Dynamic page load can’t load Java with page
  4. jQuery document.createElement equivalent?
  5. Why I have to put all the script to index.html in jquery mobile
  6. Replacing css file on the fly (and apply the new style to the page)
  7. How to include multiple js files using jQuery $.getScript() method
  8. Prevent Page Load on Jquery Form Submit with None Display Button
  9. Benefits of loading JS at the bottom as opposed to the top of the document
  10. Call javascript function after script is loaded
  11. Dynamically loading css stylesheet doesn’t work on IE
  12. How can I detect whether an iframe is loaded?
  13. jquery submit form and then show results in an existing div
  14. Setting CSS value limits of the window scrolling animation
  15. jQuery – How to select by attribute
  16. time delayed redirect?
  17. How to change active class while click to another link in bootstrap use jquery?
  18. Embed HTML5 YouTube video without iframe?
  19. Detect browser character support in javascript?
  20. how to resolve iframe cross domain issue [duplicate]
  21. How can I make a button redirect my page to another page? [duplicate]
  22. Uncaught ReferenceError: $ is not defined error in jQuery
  23. Waiting for dynamically loaded script
  24. Change placeholder text
  25. Changing cursor to waiting in javascript/jquery
  26. Wrapping lists into columns
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. Returning value from confirmation dialog using JQuery UI dialog
  29. Possible to reverse a css animation on class removal?
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment