JQuery est une bibliothèque de javascript qui est essentiellement créée pour simplifier la manipulation du modèle d'objet de document HTML (DOM) et des arbres de traversée, ainsi que l'animation dans CSS, la gestion des événements et l'Ajax. En outre, HTML permet à ses utilisateurs d'ajouter du code jQuery à l'intérieur de la page HTML pour le rendre très simple et plus simple pour l'utilisation de JavaScript sur le site Web.

Ce tutoriel démontrera l'ajout de code jQuery à une page HTML.

Comment ajouter du code jQuery à la page HTML?

Pour ajouter du code jQuery à la page HTML, essayez les instructions données.

Étape 1: Créez un conteneur div
Initialement, créez un conteneur div et ajoutez le «aligner”Attribut pour définir la position de l'élément.

Étape 2: Ajouter une rubrique
Ensuite, ajoutez le titre à l'aide du «

”Tag qui est utilisé pour insérer le niveau un en direction de la page HTML.

Étape 3: Créer un élément de bouton
Après cela, créez un élément de bouton à l'aide du "" étiqueter:

Linuxhint

Enregistrer

Sortir

Étape 4: Ajouter la bibliothèque JQuery
Utilisez le lien donné pour télécharger le fichier jQuery sur le site officiel. Ensuite, placez-le dans votre dossier de projet, déplacez-vous au ««Tag, et spécifiez la source«SRC«Dans la balise de script comme suit:

Alternativement, vous devez héberger vous-même le jQuery en spécifiant le lien complet comme valeur du «SRC«Attribut comme suit:

Étape 7: Ajouter une fonction pour la liaison
Maintenant, ajoutez une fonction pour lier la page:

Ici:

• Le code inclus à l'intérieur du «$ (document).Prêt (fonction)»Ne s'exécutera qu'une seule fois lorsque le modèle d'objet de document de page (DOM) est prêt à exécuter le code de JavaScript.
• ".Cliquez sur (fonction)"Est utilisé pour les déclencheurs lorsque les événements de clic se produisent ou lient une fonction à exécuter.

On peut observer que le code jQuery a été lié avec succès à la page HTML:

Il s'agissait d'ajouter le code jQuery à la page HTML.

Conclusion

Pour ajouter le code jQuery à la page HTML, vous pouvez soit télécharger la bibliothèque jQuery à partir du site officiel ou se faire nom comme le «SRC«Valeur d'attribut dans le«" étiqueter. Sinon, hébergez directement la bibliothèque JQuery en fournissant le lien complet dans le script dans le «»Section du fichier HTML. Ce message a démontré la procédure pour ajouter le code jQuery dans un fichier HTML.