jQuery est une bibliothèque JavaScript légère qui facilite l’utilisation de JavaScript sur la page web.
Vous pouvez effectuer votre action en moins de code que JavaScript.
cela simplifie la manipulation des documents HTML, la traversée, la gestion des événements et l’exécution D’une requête AJAX.
Compatible avec la plupart des navigateurs et prend en charge les sélecteurs CSS3 pour rechercher et styliser la manipulation des propriétés.,
table des Matières
- Télécharger et Inclure
- Initialiser
- fichier Externe
- Conclusion
1. Télécharger et inclure
- accédez au site officiel de jQuery.
- La Bibliothèque est disponible en deux versions – compressée et non compressée. Le compressé a moins de taille que non compressé car il n’a pas d’espaces blancs et de commentaires supplémentaires. La version non compressée est lisible et plus facile à déboguer.
- Téléchargez la version compressée.,
- Utilisation
<script >pour inclure la bibliothèque en HTML soit dans<head>ou<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- Vous pouvez également utiliser les CDN pour inclure la bibliothèque.
Google CA
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Microsoft CA
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
2. Initialisez
dans la page Web écrivez votre code jQuery dans l’état prêt du document dans la balise<script >.
Exemple
Dans l’exemple, j’ai utilisé CA bibliothèque et défini événement click sur le bouton., Sur le clic modifier la valeur de l’élément textbox.
Sortie
Cliquez sur le bouton.
3. Fichier externe
- créez un nouveau fichier
script.jset placez le script ci-dessus dessus. - inclure le
script.jsaprès la bibliothèque jQuery.
script.js
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
index.le html
Sortie
Cliquez sur le bouton.
4. Conclusion
Vous pouvez utiliser la bibliothèque jQuery externe ou la version CDN pour inclure le script.,
Si vous avez créé un script externe et que vous utilisez jQuery dessus, il doit être inclus après le script de la bibliothèque jQuery sinon cela ne fonctionnerait pas et générerait l’erreur.
Si vous avez trouvé ce tutoriel utile, n’oubliez pas de le partager.