The first example runs the function when the DOM tree is built. The second example runs the function right away.
If you look closely, in the second example, there are two parentheses after the function declaration ( in this particular case, you pass in the global jQuery object as an argument to avoid conflict ), thereby immediately invoking the function
The right function to use depends on when you want the function to run. If you want to run a function on DOMReady ( the ready event ), you can use $( document ).ready like you mentioned or the shorthand $( function() {...} ).
Otherwise, if you want to run a function immediately and have anonymous function scope, use the second example.
Related Posts:
- How to change CSS using jQuery?
- How to properly use jsPDF library
- Uncaught ReferenceError: $ is not defined?
- jQuery document.createElement equivalent?
- Toggle show/hide on click with jQuery
- Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
- jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
- How to create a jQuery function (a new jQuery method or plugin)?
- Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
- Scroll to an element with jQuery
- How can I scroll to an element using jQuery?
- jQuery Get Selected Option From Dropdown
- Setting “checked” for a checkbox with jQuery
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- Jquery : Refresh/Reload the page on clicking a button
- Check if element exists in jQuery
- Checking a Url in Jquery/Javascript
- Uncaught TypeError: $.post is not a function
- When and why to ‘return false’ in JavaScript?
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- querySelector vs. getElementById
- How to generate a simple popup using jQuery
- jQuery Ajax File Upload
- AJAX response error: net::ERR_EMPTY_RESPONSE
- How to use npm jquery module?
- XML Parsing Error: no root element found Location in Console FF
- document.getElementByID is not a function
- Moment js date time comparison
- Understanding how data-dismiss attribute works in Bootstrap
- Add table row in jQuery
- Create table with jQuery – append
- How to create a JQuery Clock / Timer
- When is JavaScript synchronous?
- How to reset a form using jQuery with .reset() method
- Access Control Request Headers, is added to header in AJAX request with jQuery
- Mismatched anonymous define() module
- How to set ‘X-Frame-Options’ on iframe?
- How do I get an element to scroll into view, using jQuery?
- Convert UTC date time to local date time
- Obtain form input fields using jQuery?
- Play an audio file using jQuery when a button is clicked
- How can I get the last character in a string?
- Load image with jQuery and append it to the DOM
- Jquery button click() function is not working
- Change text on hover, then return to the previous text
- How to define Global Arrays?
- jQuery make global variable
- Disable Chrome strict MIME type checking
- How to send email by using javascript or jquery
- How do I check whether a checkbox is checked in jQuery?
- jQuery count child elements
- How do I check if an element is hidden in jQuery?
- Creating a div element in jQuery
- jQuery equivalent of querySelector
- Convert normal date to unix timestamp
- Load Image from javascript
- jQuery replace one class with another
- Clearing my form inputs after submission
- Changing the image source using jQuery
- Reload an iframe with jQuery
- How to manage a redirect request after a jQuery Ajax call
- Get the Highlighted/Selected text
- How to get the children of the $(this) selector?
- “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
- window.onload vs $(document).ready()
- Why is jquery show() not working in example
- How can I use jQuery to run MySQL queries?
- jQuery scrollTop() method not working
- FormData append not working
- How to change the text of a label?
- How to check ‘undefined’ value in jQuery
- Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
- Jquery Value match Regex
- Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
- Using “×” word in html changes to ×
- How to check if the URL contains a given string?
- How to go to a URL using jQuery?
- How to close a window using jQuery
- How to find if div with specific id exists in jQuery?
- TypeError: $ is not a function WordPress
- Fully responsive HTML5 video
- HTML anchor link – href and onclick both?
- How can I know which radio button is selected via jQuery?
- jquery toggleClass not working
- JQuery Number Formatting
- How to add jQuery in JS file
- Get query string parameters url values with jQuery / Javascript (querystring)
- jQuery .animate() not working
- Adding JavaScript to a WordPress website
- AJAX not Working with php as supposed
- JQuery not loading
- Uncaught TypeError: jQuery(…).slider is not a function
- How to load Javascript code or functions.php later in a child theme?
- Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
- Get the ID of a page in Parent combobox in editor
- “jQuery Not Defined” Error When Connecting to PayPal
- Fade-in Fade-out doesn’t work in WordPress
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Uncaught ReferenceError: tippy is not defined
- Styling parent based on a child element of a child in a WordPress page