Logo: Marc Harnist

Index des pages de la catégorie "js"

JQuery unbind() (obsolète) remplacé par .off() - annulation d'un événement sur une chaîne ou un boléen
Le 17/10/2018
Auteur: Marc L. Harnist

$("#idEnQuestion").off("click");
//on se délie de l'événement click pour ne pas trop accaparer les écouteurs
" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Console.clear() de js
Le 05/10/2018
Auteur: Marc L. Harnist

console.clear() vide la console de Chrome
sinon il y a aussi console.log("\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n\ n"); !!
(ôter l'espace entre \ et n)" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Debuger: afficher les fichiers JS de l'application avec F12/ctrl+ O
Le 04/10/2018
Auteur: Marc L. Harnist

Debuger: afficher les fichiers JS de l'application avec F12/ctrl+ O /clic sur script.js

" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

JS console.assert (expression, objet) pour écrire une erreur sur la console lorsque l'expression évaluée est fausse
Le 04/10/2018
Auteur: Marc L. Harnist

Extrait:

console.assert (expression, objet)
Écrit une erreur sur la console lorsque l'expression évaluée est false.
console.assert()
< script>
/** ASSERT()
* Outil de debugage: console.assert(test, {"message":"text", "nomVariable":variable, "nomAutreVariable":autreVari" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

console.assert (expression, objet)
Écrit une erreur sur la console lorsque l'expression évaluée est false.
console.assert()
< script>
/** ASSERT()
* Outil de debugage: console.assert(test, {"message":"text", "nomVariable":variable, "nomAutreVariable":autreVariable});
* Voir page dédiée: https://developers.google.com/web/tools/chrome-devtools/console/console-reference?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
*/
function greaterThan(a,b) {
console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b});
}
greaterThan(5,6);//affiche un message d'erreur avec F12/ clic sur triangle à côté d'objet
< /script>

Récupérer le contenu d'un paragraphe: ne pas oublier "textContent"!
Le 30/09/2018
Auteur: Marc L. Harnist

Extrait:

Pour créer une variable en récupérant le texte d'un paragraphe: " var text = document.getElementById("idDeMonParagraphe") " ne suffit pas, il faut coder: " var text = document.getElementById("demo").textContent; " sans oublier ".textContent".

Pour changer le texte: document.ge" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Pour créer une variable en récupérant le texte d'un paragraphe: " var text = document.getElementById("idDeMonParagraphe") " ne suffit pas, il faut coder: " var text = document.getElementById("demo").textContent; " sans oublier ".textContent".

Pour changer le texte: document.getElementById("idDeMonParagraphe") = nouveauTexte; (ici, pas de "textContent")

Regex Simple et ajout point de séparation à un numéro de téléphone
Le 29/09/2018
Auteur: Marc L. Harnist

Extrait:

< script>
var num = 1215464565;
var newNum = num.toString().match(/.{2}/g).join('-');
console.log(newNum)
< /script>

" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

< script>
var num = 1215464565;
var newNum = num.toString().match(/.{2}/g).join('-');
console.log(newNum)
< /script>


JS avec getElementById ou avec "this"
Le 28/09/2018
Auteur: Marc L. Harnist

Extrait:

JS permet de récupérer la valeur d'un input avec "getElementById("valeurDeLid").value. Mais l'autre solution est d'utiliser "this" dans l'appel de la fonction.
Exemple: < p id="demo">< input onkeyup=formatageTelephone(this)>



function formatageTelephone(leChamp) { //leC" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

JS permet de récupérer la valeur d'un input avec "getElementById("valeurDeLid").value. Mais l'autre solution est d'utiliser "this" dans l'appel de la fonction.
Exemple: < p id="demo">< input onkeyup=formatageTelephone(this)>



function formatageTelephone(leChamp) { //leChamp récupère "this"
var valeur = leChamp.value.toString(); // on travaille sur leChamp qui vaut "this"

Compteur en JS
Le 28/09/2018
Auteur: Marc L. Harnist

Extrait:

On peut déclarer une variable dans le script js en dehors de toute fonction. Puis créer une fonction d'incrémentation et l'appeler dans une autre fonction.
Ex:
< !DOCTYPE html>
< html>
< body>

< h1>Regex< /h1>

< p id="demo">< input onkeyu" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

On peut déclarer une variable dans le script js en dehors de toute fonction. Puis créer une fonction d'incrémentation et l'appeler dans une autre fonction.
Ex:
< !DOCTYPE html>
< html>
< body>

< h1>Regex< /h1>

< p id="demo">< input onkeyup=formatageTelephone(this)>< /p>

< script>

// COMTEUR
var counter = 0;

function add(){
counter++;
}

//Formatage telephone après saisie et vérification
function formatageTelephone(onkeyupValue) {

//Incrémentation du compteur
add();

Activation d'une fonction JS au demarrage de Windows
Le 28/09/2018
Auteur: Marc L. Harnist

Extrait:

/** Affichage provisoire du nom de la classe de l'input "numeroDeTelephone"
* au moment du chargement de la page pour un codage plus facile
* Données JS natives utilisées: window.addEventListener et attachEvent
* Source: https://www.tutorielsenfolie.com
* Marc 27/09/20" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

/** Affichage provisoire du nom de la classe de l'input "numeroDeTelephone"
* au moment du chargement de la page pour un codage plus facile
* Données JS natives utilisées: window.addEventListener et attachEvent
* Source: https://www.tutorielsenfolie.com
* Marc 27/09/2018
**/ if(window.addEventListener){
window.addEventListener('load', affichageAuChargementDeLaPage, false);
}else{
window.attachEvent('onload', affichageAuChargementDeLaPage);
}
function affichageAuChargementDeLaPage(){
/** Récupération du nom de la classe de l'input en cours dans la variable nomDeLaClasseEnCours
**/ nomDeLaClasseEnCours = document.getElementById("numeroDeTelephone").className;

//Affichage provisoire du nom de la classe dans un paragraphe pour une programmation plus facile
document.getElementById("affichageDuNomDeLaClasse").innerHTML = nomDeLaClasseEnCours;
}

Modifier dynamiquement la taille des zones de saisies "textarea" d'un formulaire avec Javascript
Le 28/09/2018
Auteur: Marc L. Harnist

Extrait:

< style>body {margin:3%;} article{width:800px;}< /style>
< article>


< script>
/** Affichage provisoire du nom de la classe de l'input "numeroDeTelephone"
* au moment du chargement de la page pour un codage plus facile
* Données JS natives utilisé" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

< style>body {margin:3%;} article{width:800px;}< /style>
< article>


< script>
/** Affichage provisoire du nom de la classe de l'input "numeroDeTelephone"
* au moment du chargement de la page pour un codage plus facile
* Données JS natives utilisées: window.addEventListener et attachEvent
* Source: https://www.tutorielsenfolie.com
* Marc 27/09/2018
**/ if(window.addEventListener){
window.addEventListener('load', affichageAuChargementDeLaPage, false);
}else{
window.attachEvent('onload', affichageAuChargementDeLaPage);
}
function affichageAuChargementDeLaPage(){
document.getElementById("myTextarea").cols = (document.body.clientWidth/10).toString();

}

function changerLeText(textArajouter){
var text = (" " + textArajouter.value + " ");
document.getElementById('suite').innerHTML = text;
}
< /script>

< p id="demo">Voici mon premier text. < span id="suite">< /span>< /p>

< p>Ajoutez du text:< br> < textarea id="myTextarea" rows="5" cols="0" onkeyup="changerLeText(this);" autofocus>< /textarea>< /p>
< article>

Modifier la classe d'une page html avec Javascript
Le 27/09/2018
Auteur: Marc L. Harnist

Extrait:

Pour modifier d'une seule ligne de code la classe d'un élément html:
document.getElementById("monElement").className = "maClasse";

// Ou plusieurs classes, séparée par un espace.
document.getElementById("monElement").className = "maClasse1 maClasse2

" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Pour modifier d'une seule ligne de code la classe d'un élément html:
document.getElementById("monElement").className = "maClasse";

// Ou plusieurs classes, séparée par un espace.
document.getElementById("monElement").className = "maClasse1 maClasse2

Source

APPLICATION


< !DOCTYPE html>
< html>
< body>
< style>
input {padding:20px;font-size:1.5em;width:50px;}
.paire {background-color:lightgreen;}
.impaire {background-color:chartreuse;}
#affichageDuNomDeLaClasse {color:blue; font-weight:bold; font-size:1.3em;}
< /style>

< p>Une fonction Javascript qui ajoute un point tous les deux caractères saisies. Utile pour les saisies de numéros de téléphone.< /p>

< !-- Note: effacer "autofocus" de l'input une fois le code installé dans la borne -->
< p>< input id="numeroDeTelephone" class="paire" type="text" onKeyUp="ajouteUnPointTousLesDeuxCaracteres()" autofocus>< /p>

< p>Nom de la classe de l'input en cours: < span id="affichageDuNomDeLaClasse">< /span>< /p>

< script>
/** Affichage provisoire du nom de la classe de l'input "numeroDeTelephone"
* au moment du chargement de la page pour un codage plus facile
* Données JS natives utilisées: window.addEventListener et attachEvent
* Source: https://www.tutorielsenfolie.com
* Marc 27/09/2018
**/ if(window.addEventListener){
window.addEventListener('load', affichageAuChargementDeLaPage, false);
}else{
window.attachEvent('onload', affichageAuChargementDeLaPage);
}
function affichageAuChargementDeLaPage(){
/** Récupération du nom de la classe de l'input en cours dans la variable nomDeLaClasseEnCours
**/ nomDeLaClasseEnCours = document.getElementById("numeroDeTelephone").className;

//Affichage provisoire du nom de la classe dans un paragraphe pour une programmation plus facile
document.getElementById("affichageDuNomDeLaClasse").innerHTML = nomDeLaClasseEnCours;
}
/** fonctionDeMarcHarnist()
* 27/09/2018
* Particularité: ajoute un point tous les deux caractères saisis
* Application: saisie d'un numéro de téléphone
* Commanditaire: Eric
* Difficulté: pour afficher un point à chaque saisie c'est facile.
* Mais sauter un caractère sur deux va nécéssiter la création d'un compteur.
* Pour cela, j'ai choisi d'utiliser une classe installé dans l'input, dans
* le code HTML. Cette classe se nomme "paire" au départ, et changera à chaque
* saisie en "impaire" et c'est là qu'on ajoute le point.
**/ function fonctionDeMarcHarnist(valeur){

//#### GESTION DU COMPTEUR #########
//Si le nom de la classe est "paire"
if(nomDeLaClasseEnCours === "paire"){
console.log("if(nomDeLaClasseEnCours === paire");
/** Si la classe s'appelle "paire" c'est la première saisie, la 3ème, la 5ème ou la 7ème, etc.
* On modifie son nom en "impaire" parce qu'ici on a déjà saisi un caractère
**/ document.getElementById("numeroDeTelephone").className = "impaire";

/** Gestion du compteur
* Réinterrogation du nom de la classe de l'input
**/ nomDeLaClasseEnCours = document.getElementById("numeroDeTelephone").className;

//Affichage provisoire du nom de la classe dans un paragraphe pour une programmation plus facile
document.getElementById("affichageDuNomDeLaClasse").innerHTML = nomDeLaClasseEnCours;

/** Conclusion: nous sommes "paire", donc en premier caractère:
* On ne modifie pas la valeur, on n'ajoute pas de point
**/ valeur = valeur;//ajoute un point au caractere saisi dans l'input
}
else {
console.log("else");
/** else: le nom de la classe est "impaire"
* Si la classe s'appelle "impaire" c'est la 2ème, la 4ème ou la 6ème saisie etc.
* On modifie son nom en "paire" parce qu'ici on a déjà saisi le second caractère
**/ document.getElementById("numeroDeTelephone").className = "paire";

/** Gestion du compteur
* Réinterrogation du nom de la classe de l'input
**/ nomDeLaClasseEnCours = document.getElementById("numeroDeTelephone").className;

//Affichage provisoire du nom de la classe dans un paragraphe pour une programmation plus facile
document.getElementById("affichageDuNomDeLaClasse").innerHTML = nomDeLaClasseEnCours;

/** Conclusion: nous sommes bien en classe impaire, donc en second caractère:
* Modification de la valeur en ajoutant un point
**/ valeur = valeur + ".";//ajoute un point au caractere saisi dans l'input
}

return valeur;
}

/** ajouteUnPointTousLesDeuxCaracteres()
* w3school JS onkeyup()
* 27/09/2018
* Particularité: traite les données envoyées par la fonction native JS onkeyup()
* Cette fonction traite la valeur récoltée via une autre fonction qui contiendra
* un code plus long.
**/ function ajouteUnPointTousLesDeuxCaracteres() {
var x = document.getElementById("numeroDeTelephone");
x.value = fonctionDeMarcHarnist(x.value);
}
< /script>

< /body>
< /html>

GetElementsByClassName
Le 22/09/2018
Auteur: Marc L. Harnist

Extrait:

ATTENTION!
Il y a un "s" après "Elements" de "getElementsByClassName" contrairement à "getElementById" !

ATTENTION à compléter: ajout de < br > dans "_page-save.php". Mais on peut le copier et coller dans w3" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

ATTENTION!
Il y a un "s" après "Elements" de "getElementsByClassName" contrairement à "getElementById" !

ATTENTION à compléter: ajout de < br > dans "_page-save.php". Mais on peut le copier et coller dans w3school!

0


1


2


3


4


5




/** Fonction qui affiche une icone en display:none; par défaut

* MLH

* 22/09/2018

*/
Code:

< script>
function changer() {
var classes = document.getElementsByClassName("test");
classes[0].innerHTML = "Classe zéro";
classes[1].innerHTML = "Première classe";
classes[2].innerHTML = "Seconde classe";
classes[3].innerHTML = "Troisième classe";
classes[4].innerHTML = "Quatrième classe";
classes[5].innerHTML = "Cinquième classe";
}



Vérifier qu'une fonction est utilisée dans la page
Le 21/09/2018
Auteur: Marc L. Harnist

Taper console.log("ok"); dans la fonction javascript
puis faire F12" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Onkeyup et onkeydown en JS
Le 21/09/2018
Auteur: Marc L. Harnist

onkeyup() affiche quelque chose pendant qu'on tape au clavier
voir aussi onkeydown()" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Accéder rapidement à une fonction JS depuis la vue
Le 21/09/2018
Auteur: Marc L. Harnist

Pour accéder rapidement à une fonction JS codée dans un autre fichier que la vue dans Visual Studio: cliquer sur la fonction puis sur F12
Pour revenir à la vue: cliquer sur la flèche "retour en arrière" (comme sur un navigateur) en haut à gauche de VS" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Maîtriser la classe "offset" chez Bootstrap
Le 19/09/2018
Auteur: Marc L. Harnist

class = "col-lg-3 col-lg-offset-1" Ce code sautera une colonne (col-lg-offset-1) et donnera une largeur de trois colonnes (col-lg-3) au bloc (div).

Source" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Ajax importe un fichier dans un autre via un bouton html!
Le 13/04/2018
Auteur: Marc L. Harnist

Extrait:

L'exemple: Démo

Le code:
< !DOCTYPE html>
< html>
< head>
< meta charset="utf-8">
< link rel="stylesheet" href="css/styles.css">
< title>AJAX practice< /title>
< script>

// I" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

L'exemple: Démo

Le code:
< !DOCTYPE html>
< html>
< head>
< meta charset="utf-8">
< link rel="stylesheet" href="css/styles.css">
< title>AJAX practice< /title>
< script>

// Instanciation de la classe: objet "myRequest"
var myRequest = new XMLHttpRequest();
myRequest.open('GET', 'surprise.html'); // on souhaite inclure le fichier "surprise.html" ici
// open est une méthode de l'objet "myRequest"
myRequest.onreadystatechange = function () {

// 4 signifie que le serveur a répondu
if (myRequest.readyState === 4) {
document.getElementById('ajax-content').innerHTML = myRequest.responseText;
console.log(myRequest.responseText);
}
};

function sendTheAJAX() {
myRequest.send();
document.getElementById('reveal').style.display = 'none'; // 'reveal' = < button id='reveal' .... below
}
< /script>
< /head>
< body>
< div class="title">
< h1>Today's your special day!< /h1>
< /div>
< button id="reveal" onclick="sendTheAJAX()" class="button">Why's that?< /button>
< div id="ajax-content">< !-- le code importé par ajax, soit le fichier "surprise.html" est collé ici -->
< /p>
< /body>
< /html>

La syntaxe JSON de base et JS - exemple des bonbons
Le 13/04/2018
Auteur: Marc L. Harnist

Extrait:



Démo : https://codepen.io/eclairereese/pen/QEKMdG

La syntaxe JSON de base
Dans JSON, une liste de bonbons avec un nom, u" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier



Démo : https://codepen.io/eclairereese/pen/QEKMdG

La syntaxe JSON de base
Dans JSON, une liste de bonbons avec un nom, une marque et une quantité disponibles ressemblerait à ceci:

[
{
"name": "Gummy bears",
"brand": "Haribo",
"quantity": 5
},
{
"name": "Chocolate bar",
"brand": "Hershey's",
"quantity": 3
},
{
"name": "Licorice",
"brand": "Twizzlers",
"quantity": 4
},
{
"name": "Truffles",
"brand": "Godiva",
"quantity": 0
}
]
Ouvrez et fermez le JSON avec des crochets , comme n'importe quel autre tableau. Dans chaque ensemble de parenthèses, vous avez des objets individuels. Chacun des objets ci - dessus a des propriétés appelé name, brandet quantity.

LE CODE JS
var req = new XMLHttpRequest();
req.open('GET', '/candies.json');
req.onreadystatechange = function () {
if(req.readyState === 4 && req.status === 200) {
var candies = JSON.parse(req.responseText);
var candyList = '
    ';
    for (var i=0; i if (candies[i].quantity > 0) {
    candyList += '
  • ';
    } else {
    candyList += '
  • ';
    }
    candyList += candies[i].name + '
    ' + "Brand: " + candies[i].brand;
    candyList += ''
    candyList += '
  • ';
    }
    candyList += '
';
document.getElementById('candyListing').innerHTML = candyList;
}
};
req.send();

JQUERY une bibliothèque Javascript open-source: deux formats développement et production
Le 13/04/2018
Auteur: Marc L. Harnist

Extrait:

Logo de JQUERY Query est indispensable dans le monde du développement Web front-end. jQuery est une bibliothèque JavaScript open-source qui rendra votre développement JavaScript exponentiellement plus facile. Vous appré" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Logo de JQUERY Query est indispensable dans le monde du développement Web front-end. jQuery est une bibliothèque JavaScript open-source qui rendra votre développement JavaScript exponentiellement plus facile. Vous apprécierez plus facilement la sélection d'éléments, la création d'animations, l'utilisation de formulaires et l'utilisation d'AJAX pour charger les données de manière asynchrone.

Prenez ce morceau de JavaScript.

var redItems = document.getElementsByClassName("red");
for (var i = 0; i < redItems.length; i++) {
redItems[i].className = redItems[i].className + " highlighted";
}

Comparez-le à son équivalent jQuery. Quelle différence!

$(".red").addClass("highlighted");

Query est une bibliothèque JavaScript open-source inventée par John Resig en 2006.

Elle vous permet d'exploiter la puissance de JavaScript pour accomplir une myriade de choses impressionnantes sur votre page Web. Avec jQuery, vous pourriez:

Ajoutez, supprimez ou modifiez des éléments HTML dans votre page.

Changez les styles des éléments sur la page en modifiant leur CSS associé.

Animez des éléments sur votre page.

Envoyez et recevez des données à partir d'un serveur via AJAX (JavaScript et XML asynchrones) afin que votre page n'ait pas à être rechargée après l'envoi d'un formulaire.

JQUERY est compatibles sur beaucoup de navigateurs!

Et plus!

JQUERY détails sur les deux fichiers: prod et dev
Le 13/04/2018
Auteur: Marc L. Harnist

Extrait:

Le fichier de développement est plus volumineux car il est annoté de manière à permettre aux développeurs de comprendre plus facilement ce qui se passe dans le code. Il y a des commentaires de code, des espaces blancs utiles pour séparer les sections, et plus encore. Ces annotations intercalé" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Le fichier de développement est plus volumineux car il est annoté de manière à permettre aux développeurs de comprendre plus facilement ce qui se passe dans le code. Il y a des commentaires de code, des espaces blancs utiles pour séparer les sections, et plus encore. Ces annotations intercalées entre les codes facilitent l'intégration intelligente de jQuery, comme si vous disposiez d'astuces directement dans le code. Le fichier contenant le format de développement jQuery est simplement jquery-1.12.2.js (les chiffres peuvent être différents si vous utilisez une version différente de jQuery).

Le format de production est plus petit et donc plus rapide à utiliser sur vos pages Web en direct. La plupart des annotations que vous avez trouvées dans le format de développement ont été supprimées, car la fin "utilisateur" sera une page web et non un être humain qui bénéficierait de remarques supplémentaires sur le code. Le fichier contenant le format de production jQuery est jquery-1.12.4.min.js. La seule différence dans le nom de fichier est .min, ce qui signifie que le contenu est compressé.

Si vous le souhaitez, téléchargez les deux fichiers ici: https://jquery.com/download/

Le format de production jQuery a même tout le code sur une seule ligne pour le rendre plus petit!

En somme:

Utilisez le format de développement lorsque vous travaillez sur votre projet afin de voir les commentaires et les annotations utiles.

Utilisez le format de production une fois que vous avez mis votre projet en ligne sur le Web afin qu'il fonctionne mieux.

Deux façons d'utiliser JQUERY: télécharger le fichier ou online
Le 13/04/2018
Auteur: Marc L. Harnist

Extrait:

Source: OpenClassRoom
Vous avez également deux options pour inclure les fichiers jQuery (que ce soit le développement ou la production) dans votre code. Le premier est un scénario classique: vous téléchargez une copie du format de développement ou de production et l'incluez dans vos fic" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Source: OpenClassRoom
Vous avez également deux options pour inclure les fichiers jQuery (que ce soit le développement ou la production) dans votre code. Le premier est un scénario classique: vous téléchargez une copie du format de développement ou de production et l'incluez dans vos fichiers de projet. Encore une fois, vous téléchargez les fichiers ici: https://jquery.com/download/

Vous le référenceriez dans votre HTML comme suit:


Vous devez également placer le fichier sur le même serveur que celui sur lequel vous hébergez votre site Web.

Je recommande la deuxième option, qui consiste à inclure jQuery via CDN (réseau de diffusion de contenu) . Les fichiers jQuery sont hébergés sur des serveurs dans le monde entier, vous n'avez donc pas à les mettre sur les vôtres! Cela signifie de meilleures performances et la possibilité qu'un utilisateur possède déjà le fichier dans sa mémoire locale ("mis en cache") à partir d'une visite sur un autre site Web utilisant la même version de jQuery. Gagnant-gagnant!

Si vous incluez jQuery de cette manière, vous incluez le script suivant dans votre code HTML: