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. Toggle show/hide on click with jQuery
  30. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  31. How to create a jQuery function (a new jQuery method or plugin)?
  32. Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
  33. Scroll to an element with jQuery
  34. Setting “checked” for a checkbox with jQuery
  35. Uncaught TypeError: Cannot read property ‘length’ of undefined
  36. Check if element exists in jQuery
  37. Checking a Url in Jquery/Javascript
  38. Uncaught TypeError: $.post is not a function
  39. When and why to ‘return false’ in JavaScript?
  40. Send POST data using XMLHttpRequest
  41. querySelector vs. getElementById
  42. Fire ontextchanged() event of an asp:TextBox via Javascript
  43. document.getElementByID is not a function
  44. Moment js date time comparison
  45. How to create a JQuery Clock / Timer
  46. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  47. How to set ‘X-Frame-Options’ on iframe?
  48. XMLHttpRequest status 0 (responseText is empty)
  49. Play an audio file using jQuery when a button is clicked
  50. How can I get the last character in a string?
  51. Jquery button click() function is not working
  52. How to define Global Arrays?
  53. Disable Chrome strict MIME type checking
  54. How do I check whether a checkbox is checked in jQuery?
  55. What is jQuery Unobtrusive Validation?
  56. jQuery count child elements
  57. CreateElement with id?
  58. How do I check if an element is hidden in jQuery?
  59. Set value of hidden input with jquery
  60. jQuery equivalent of querySelector
  61. Convert normal date to unix timestamp
  62. jQuery replace one class with another
  63. Clearing my form inputs after submission
  64. Changing the image source using jQuery
  65. Reload an iframe with jQuery
  66. Get the Highlighted/Selected text
  67. How to get the children of the $(this) selector?
  68. jQuery: Get selected element tag name
  69. window.onload vs $(document).ready()
  70. jQuery scrollTop() method not working
  71. How to go to a URL using jQuery?
  72. How to close a window using jQuery
  73. How can I know which radio button is selected via jQuery?
  74. jquery toggleClass not working
  75. jQuery .animate() not working
  76. How can I capture the right-click event in JavaScript?
  77. Infinite scroll / lazy loading with NextGen Gallery [closed]
  78. How to Use JSON With AJAX?
  79. Using wp_ajax and wp_ajax_nopriv hooks
  80. Loading posts via AJAX in a hidden div with updated URL?
  81. Adding JavaScript to a WordPress website
  82. AJAX request status 200 but no actual “response”
  83. Save Search System
  84. dynamic dependent select dropdown
  85. How do I Import / Upload Files with jQuery AJAX?
  86. wordpress add_action() issue in ajax call
  87. wp_mail doesn’t work when logged in?
  88. Call current post URL in ajax
  89. Change Query Arguments (filter) with jQuery/Ajax or PHP?
  90. How to display contact form 7 form in vanilla js without jquery in frontend
  91. Tracking Visitor LatLng with WordPress using JS, PHP. How to put data which was extract using JS into DB
  92. Jquery POST Ajax Return null data in wordpress
  93. Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
  94. internal anchor links no longer working after upgrade
  95. Admin-ajax.php 404 error
  96. How to pass values from one function to the other using an array variable
  97. Ajax sometimes work and sometimes just don’t work
  98. AJAX to add to cart multiple products woocommerce
  99. Javascript output now showing in custom widget
  100. How to submit form data in the same page in WordPress without reloading the page?

Leave a Comment