Adding jQuery to a page means adding an external script reference, like this: That reference is usually added in the portion of a page. Hi, for HTML template – just add the jQuery and CSS code in home.html or index.html to show preloader only on the homepage, for WordPress-add the code in index.php or home.php depending the theme structure. This listing shows a page with the jQuery script referenced in the section. Many users already have downloaded jQuery from Google when visiting We will make an example where we open and close a popup overlay. Step 1, Decide whether you will use a CDN or host the jQuery file yourself. There are several ways to start using jQuery on your web site. (Be sure to add the code in child theme) Reply. Download jQuery library js file from page http://jquery.com/download/. You can: Download the jQuery library from jQuery.com; Include jQuery from a CDN, like Google Download jQuery and place it in the web server’s document root. For how to add a jQuery Slider to WordPress, please view the tutorial: How to Create WordPress jQuery Slider; Step 1 - Create a jQuery Slider in Amazing Slider. Loading CDN-hosted jQuery is just like loading it locally, minus the part where you have jQuery stored on your hard drive, of course. Simply, open a Post, Page or Custom Post Type, add a Custom HTML Gutenberg Block and add your JS … to your ears, I recommend you review Eloquent JavaScript and jQuery Fundamentals, two excellent and free eBooks linked in this article. Please try again later. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. Step 1 - Create the jQuery slider in Amazing Slider Step 2 - Publish the jQuery slider to an empty test folder on your local hard disk. PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies Cheat Sheet. This listing shows the HTML and JavaScript; note specifically the