It is true that browsers choke on scripts, so generally it is best to put scripts in the footer to prevent the whole page being delayed. So putting jquery
in the footer also makes sense.
However, WordPress websites usually have plugins that may also include jquery
scripts, which they may load in the header without you knowing it. As long as jquery
itself is not loaded, because you’ve put it in the footer, those scripts won’t work. If those scripts control the looks of the page, you may have some very weird looking page while the browser is waiting for jquery
.
So, there you have it: put jquery
in the head of your WP site, because others may assume it’s there.
Related Posts:
- Prevent five different copies of jquery from being included on every page
- Is there a way to move WPML scripts in footer?
- Individual Pages are loading halfway down
- JavaScript sleep/wait before continuing [duplicate]
- JSON parsing error syntax error unexpected end of input
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- What does [object Object] mean? (JavaScript)
- jQuery $(this) keyword
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How to set time delay in javascript
- Disable button in jQuery
- jQuery $(this) keyword
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Disable button in jQuery
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How to wait 5 seconds with jQuery?
- Submit a form using jQuery
- How to Handle Button Click Events in jQuery?
- How to enable CORS in flask
- How can I get the ID of an element using jQuery?
- jQuery equivalent of JavaScript’s addEventListener method
- Should I use .done() and .fail() for new jQuery AJAX code instead of success and error
- Pass request headers in a jQuery AJAX GET call
- $.ajax – dataType
- what does jQuery data() function do
- How to show loading spinner in jQuery?
- How can I get the ID of an element using jQuery?
- What is content-type and datatype in an AJAX request?
- jQuery Selector: Id Ends With?
- speedtest.net api
- jQuery dialog popup
- data.map is not a function
- How do you select a particular option in a SELECT element in jQuery?
- Set select option ‘selected’, by value
- Change Placeholder Text using jQuery
- Adding placeholder attribute using Jquery
- jQuery Ajax error handling, show custom exception messages
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- Jquery change background color
- My javascript is returning this error: $.ajax is not a function
- Best way to store a key=>value array in JavaScript?
- jQuery if div contains this text, replace that part of the text
- Javascript Runtime error: $ is undefined
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- jQuery set checkbox checked
- JavaScript: filter() for Objects
- What is different between $(document).on() and $(element).on()
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- How to use jQuery qTip?
- Installing jQuery?
- Email validation using jQuery
- Order of $(document).load() and $(document).ready() when deferring loading js
- How to write jquery If else statement?
- Wildcards in jQuery selectors
- wait() or sleep() function in jquery?
- Download File Using jQuery
- jQuery: How can I create a simple overlay?
- JavaScript Loading Screen while page loads
- Jquery Ajax Posting JSON to webservice
- Force a default browser on my android phone using a simple html shortcut page
- Invalid or unexpected token on a very simple function
- Ajax TypeError: $.POST is not a function
- How can I display a tooltip message on hover using jQuery?
- Is jQuery $.browser Deprecated?
- Set selected option of select box
- jQuery date formatting
- Copy to clipboard using jquery?
- TypeError: $.ajax(…) is not a function?
- Format date to MM/dd/yyyy in JavaScript
- jquery loop on Json data using $.each
- How is JavaScript .on() method defined?
- how to use substr() function in jquery?
- How to change a text with jQuery
- XML Parsing Error: not well-formed in FireFox but good in Chrome
- Click button copy to clipboard
- jQuery animate scroll
- Rotate image with javascript
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
- What does “async: false” do in jQuery.ajax()?
- How to make html table vertically scrollable
- Yes or No confirm box using jQuery
- How to fix the ‘Missing required request header. Must specify one of: origin,x-requested-with’ Ajax Error
- $ versus jQuery
- jQuery Toggle Text?
- What’s the point of the X-Requested-With header?
- Javascript isnull
- How do I select multiple fields in jq?
- jQuery removing ‘-‘ character from string
- How to break out of jQuery each loop?
- jQuery get value of selected radio button
- How to make a simple image upload using Javascript/HTML
- $(document).on(“click”… not working?
- jQuery if checkbox is checked
- Jquery .on(‘scroll’) not firing the event while scrolling
- correct way of comparing string jquery operator =
- How to make Bootstrap carousel slider use mobile left/right swipe