La bibliothèque JQuery

La bibliothèque JQuery (http://jquery.com/) est dévoloppée depuis 2006 par John Resig dans le but de simplifier les commandes communes de JavaScript.

JQuery est constituée d'un seul fichier que l'on peut télécharger [code.jquery.com] et qu'il est nécessaire d'appeler, lors de chaque utilisation, comme ceci:

ou sans téléchargement comme cela (voir :code.jquery.com)

<script
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</body>

ou depuis le CDN Google API

<script 
src="https://
ajax.googleapis.com/ajax/libs/jquery/3/jquery.min.js">
</script>
</body>

Le CDN - Content Delivery Network - est un réseau de serveurs qui met à disposition des librairies.

Jquery peut aussi être chargé directement depuis le framework Bootstrap comme ceci :

<script src="bootstrap/js/jquery.js"></script>
</body>


Idéalement, la bibliotèque jQuery et votre fichier perso jQuery doivent être appelés à la fin du code HTML (avant la balise </body>)

let listItems = document.querySelectorAll('li');
let i;
for (i = 0; i < listItems.length; i++) {
    listItems[i].className = 'fondRouge';
}

$("li").addClass("fondRouge");