+- QP School (https://qomplainerzschool.lima-city.de)
+-- Forum: Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=3)
+--- Forum: JavaScript Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=6)
+--- Thread: Get Started with JQuery (/showthread.php?tid=312)
Get Started with JQuery - Derp - 09-10-2020
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>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
});