Get Started with JQuery

[Derp]

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having 3 to 4 times more usage than any other JavaScript library

to add JQuery to your html you have 2 options 

1)- CDN way 
which your JQuery will be online updated whenever there is new version 
go to https://code.jquery.com/ and choose your version and its recommended to pick the minified
then copy the code it shows and paste after the <title> your website title</title>

2)- Offline way
you just have to go to  https://jquery.com/ and click download , its recommended to get the compressed version for productivity sake
then copy it to your project and i will assume you put it in the root folder of the project 
add the following after the title tags 

Code:

<script src="jquery-3.5.1.min.js"></script>

if you are from the future the JQuery version will be newer than the one in the example code put it instead 

for the Derp Blog project i have used the CDN and the codes in script.js 
now if you do the same add the script.js after the JQuery so it will look a like that 

Code:

<script src="jquery-3.5.1.min.js"></script>
<script src="script.js"></script>

and both after the title tags 
now to the JQuery codes
when you do that you should tell to JQuery to load your codes after the page is loaded with that code 

Code:

$(document).ready(function(){
your codes here
});