jQuery document.ready vs self calling anonymous function

by

  • $(document).ready(function(){ ... }); or short $(function(){...});

    This Function is called when the DOM is ready which means, you can start to query elements for instance. .ready() will use different ways on different browsers to make sure that the DOM really IS ready.

  • (function(){ ... })();

    That is nothing else than a function that invokes itself as soon as possible when the browser is interpreting your ecma-/javascript. Therefor, its very unlikely that you can successfully act on DOM elements here.

More Related Contents:

  1. How to wait until an element exists?
  2. jQuery load more data on scroll
  3. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  4. Include jQuery in the JavaScript Console
  5. How to generate a simple popup using jQuery
  6. jQuery : select all element with custom attribute [duplicate]
  7. TypeError: $ is not a function WordPress
  8. pass post data with window.location.href
  9. How can I sort elements by numerical value of data attribute?
  10. How to get the tag HTML with JavaScript / jQuery?
  11. How to make script execution wait until jquery is loaded
  12. Javascript algorithm to find elements in array that are not in another array
  13. How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker
  14. jQuery (almost) equivalent of PHP’s strip_tags()
  15. Ajax jquery success scope
  16. Any event triggered on autocomplete?
  17. How to escape a JSON string to have it in a URL?
  18. Rails flash notice via ajax
  19. “javascript:void(0);” vs “return false” vs “preventDefault()”
  20. How to make jQuery to not round value returned by .width()?
  21. Does scrollIntoView work in all browsers?
  22. How to set ChartJS Y axis title?
  23. Disable future dates after today in Jquery Ui Datepicker
  24. Iframe.readyState does not work in chrome
  25. Updating existing URL querystring values with jQuery
  26. How can I load jQuery if it is not already loaded?
  27. Set default time in bootstrap-datetimepicker
  28. Set Caret Position in ‘contenteditable’ div that has children
  29. Jquery/Javascript Opacity animation with scroll
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment