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:
- Uncaught ReferenceError: jQuery is not defined [duplicate]
- syntax error: unexpected token <
- Error OPTIONS net::ERR_CONNECTION_REFUSED
- Uncaught ReferenceError: jQuery is not defined [duplicate]
- JQuery – $ is not defined
- Cannot read property ‘push’ of undefined when combining arrays
- Download File Using JavaScript/jQuery
- How to deal with net::ERR_SSL_PROTOCOL_ERROR?
- jQuery.click() vs onClick
- Disabling and enabling a html input button
- Scroll to an element with jQuery
- Check if checkbox is checked with jQuery
- How can I get the data-id attribute?
- document.getElementById vs jQuery $()
- Check if checkbox is checked with jQuery
- How to import jquery using ES6 syntax?
- How to filter an array/object by checking multiple values
- Getting Error “Form submission canceled because the form is not connected”
- Infinite Scrolling in Asp.Net MVC with jQuery / AJAX Issues
- What are the difference between $(document).bind(‘ready’, function) and $(document).ready(function() {})
- How can jQuery deferred be used?
- Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
- Disable/enable an input with jQuery?
- What does on() in JavaScript do?
- How to use php code in javascript
- Use images like checkboxes
- How to read xml file contents in jQuery and display in html elements?
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How can I print using JQuery
- Loading local JSON file
- How to check all checkboxes using jQuery?
- ChangeDate – Date Picker Bootstrap
- Uncaught TypeError: Cannot read property ‘msie’ of undefined
- How to hide a div with jQuery?v
- How do I set/unset a cookie with jQuery?
- How to create a stopwatch using JavaScript?
- Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
- keycode 13 is for which key
- How to update array value javascript?
- Equivalent of jQuery .hide() to set visibility: hidden
- How can I get the last character in a string?
- Uncaught TypeError: Cannot read property ‘name’ of undefined
- TypeError: $(…).DataTable is not a function
- jQuery explode string like PHP
- Validate date in dd/mm/yyyy format using JQuery Validate
- Dynamically load JS inside JS
- Simulate Keypress With jQuery
- Adding options to a
- How to add an object to an array
- jQuery Ajax POST example with PHP
- Setting and getting localStorage with jQuery
- this vs $(this)
- Javascript isnull
- Set value to currency in
- How to open a URL in a new Tab using JavaScript or jQuery?
- Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
- HTML Entity Decode
- Extract hostname name from string
- jquery beforeunload when closing (not leaving) the page?
- how to get the value of a textarea in jquery?
- How do I pass the this context to a function?
- Escaping HTML strings with jQuery
- How to use z-index in svg elements?
- Why define an anonymous function and pass it jQuery as the argument?
- How to scroll an HTML page to a given anchor
- What is the best way to detect a mobile device?
- How to filter JSON Data in JavaScript or jQuery?
- Get querystring from URL using jQuery [duplicate]
- jQuery checkbox change and click event
- jQuery selectors on custom data attributes using HTML5
- How do I refresh a DIV content?
- TypeError: abc.getAttribute is not a function
- jQuery sort elements using data id
- How to fire an event on class change using jQuery?
- Uncaught SyntaxError: Unexpected token with JSON.parse
- TypeError getElementsByTagName is not a function issue
- How to open a Bootstrap modal window using jQuery?
- window.location.replace() not working to redirect browser
- How to check if the URL contains a given string?
- Check if url contains string with JQuery
- How to reload page every 5 seconds?
- jquery to validate phone number
- Closing Bootstrap modal onclick
- Fire oninput event with jQuery
- What’s a Good Javascript Time Picker?
- Cannot read property ‘preventDefault’ of undefined in javascript error
- How to scroll to top of page with JavaScript/jQuery?
- How to set “style=display:none;” using jQuery’s attr method?
- How to dequeue a script?
- WordPress 5.5 – ReferenceError: commonL10n is not defined error
- Jquery function working in Chrome Console but not in the code [closed]
- List of JS Events for Widgets?
- Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
- Change each text after 4 second and each image after 2 second
- Putting custom html/js page into Elementor as it’s own block
- wp post_tag change minlength
- How to locate the js code and php code for certain function?
- Open image gallery on link click
- Access jQuery tabs from primary menu while adding/removing class on tab container elements (accessing diff. tabs/tab content via primary menu items)