What does on() in JavaScript do?

The on() method attaches one or more event handlers for the selected elements and child elements.

Read more about jQuery on() Method

As per your code $(document).on('click','#add'), I guess it’s creating a delegated event.

It will directly fired on #add id element

Related Posts:

  1. Cross-Origin Read Blocking (CORB)
  2. syntax error: unexpected token <
  3. jQuery equivalent of JavaScript’s addEventListener method
  4. Infinite Scrolling in Asp.Net MVC with jQuery / AJAX Issues
  5. ajax jquery simple get request
  6. jQuery get textarea text
  7. jQuery AJAX cross domain
  8. Set timeout for ajax (jQuery)
  9. How to generate a simple popup using jQuery
  10. jQuery AJAX submit form
  11. jQuery Ajax File Upload
  12. How can I upload files asynchronously with jQuery?
  13. Adding images to a Bootstrap Carousel with AJAX
  14. AJAX response error: net::ERR_EMPTY_RESPONSE
  15. Access Control Request Headers, is added to header in AJAX request with jQuery
  16. jQuery Ajax POST example with PHP
  17. Refresh/reload the content in Div using jquery/ajax
  18. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  19. How to manage a redirect request after a jQuery Ajax call
  20. jQuery checkbox change and click event
  21. FormData append not working
  22. Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
  23. Download a file by jQuery.Ajax
  24. Fire oninput event with jQuery
  25. Ajax success function
  26. jQuery checkbox checked state changed event
  27. List of JS Events for Widgets?
  28. AJAX not Working with php as supposed
  29. How to change CSS using jQuery?
  30. How to properly use jsPDF library
  31. Cross-Origin Read Blocking (CORB)
  32. How do I redirect to another webpage?
  33. How do I redirect to another webpage?
  34. jQuery append() vs appendChild()
  35. How to replace innerHTML of a div using jQuery?
  36. Uncaught ReferenceError: $ is not defined?
  37. Uncaught ReferenceError: jQuery is not defined [duplicate]
  38. How do I check whether a checkbox is checked in jQuery?
  39. Error OPTIONS net::ERR_CONNECTION_REFUSED
  40. ReferenceError: $ is not defined
  41. Uncaught ReferenceError: jQuery is not defined [duplicate]
  42. What does [object Object] mean?
  43. Remove class using jQuery
  44. How do I check whether a checkbox is checked in jQuery?
  45. jQuery document.createElement equivalent?
  46. How to make history.back() without getting a warning on the browser to reload the page?
  47. JQuery – $ is not defined
  48. Cannot read property ‘push’ of undefined when combining arrays
  49. Toggle show/hide on click with jQuery
  50. convert Hsl to rgb and hex
  51. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  52. JQuery – $ is not defined
  53. Cannot read property ‘push’ of undefined when combining arrays
  54. window.onload vs document.onload
  55. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  56. How to create a jQuery function (a new jQuery method or plugin)?
  57. jQuery: Wait/Delay 1 second without executing code
  58. Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
  59. Scroll to an element with jQuery
  60. Download File Using JavaScript/jQuery
  61. How to solve ‘Redirect has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header’?
  62. How to deal with net::ERR_SSL_PROTOCOL_ERROR?
  63. How can I scroll to an element using jQuery?
  64. jQuery.click() vs onClick
  65. jQuery setTimeout() Function [duplicate]
  66. jQuery Get Selected Option From Dropdown
  67. Disabling and enabling a html input button
  68. Scroll to an element with jQuery
  69. Download File Using JavaScript/jQuery
  70. Check if checkbox is checked with jQuery
  71. How can I refresh a page with jQuery?
  72. How can I refresh a page with jQuery?
  73. Getting Error “Form submission canceled because the form is not connected”
  74. How to add jQuery code into HTML Page
  75. How can I get the data-id attribute?
  76. What is DOM Event delegation?
  77. document.getElementById vs jQuery $()
  78. Check if checkbox is checked with jQuery
  79. How to import jquery using ES6 syntax?
  80. How to filter an array/object by checking multiple values
  81. What does jQuery.fn mean?
  82. Getting Error “Form submission canceled because the form is not connected”
  83. Is there a link to the “latest” jQuery library on Google APIs?
  84. What’s the difference between event.stopPropagation and event.preventDefault?
  85. Setting “checked” for a checkbox with jQuery
  86. Nested JSON objects – do I have to use arrays for everything?
  87. How to find the sum of an array of numbers
  88. Uncaught TypeError: Cannot read property ‘length’ of undefined
  89. Jquery : Refresh/Reload the page on clicking a button
  90. Uncaught SyntaxError: Invalid or unexpected token
  91. Check if element exists in jQuery
  92. Checking a Url in Jquery/Javascript
  93. Bootstrap Dropdown menu is not working
  94. My javascript is returning this error: $.ajax is not a function
  95. What are the difference between $(document).bind(‘ready’, function) and $(document).ready(function() {})
  96. jquery SlideToggle effect in upward direction?
  97. Change Background color (css property) using Jquery
  98. How can jQuery deferred be used?
  99. Response to preflight request doesn’t pass access control check
  100. Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)