Comment remplacer HTML dans une DIV avec jQuery

Étape 1

Ouvrez une application de développement Web ou un éditeur de texte et créez une nouvelle page HTML.

Étape 2

Ajoutez la bibliothèque jQuery à la page en ajoutant le code HTML correspondant entre les balises "" "". Par exemple:

Modifiez le chemin dans l'attribut "src" pour qu'il corresponde à l'emplacement et à la version de la bibliothèque téléchargée à partir du site Web jQuery.

Étape 3

Écrivez le code suivant pour ajouter une div HTML à la page avec un exemple de texte. Cela doit être ajouté entre les balises "" "".

Ceci est un exemple

Étape 4

Ajoutez un bouton HTML sur la page à l’aide du code ci-dessous, qui devrait être ajouté après l’exemple DIV. Le bouton n'a pas d'action définie pour le moment, car vous allez ajouter le gestionnaire de clics via jQuery.

Étape 5

Ajoutez le code HTML suivant entre les balises "" "" situées sous la balise "" utilisée pour inclure la bibliothèque jQuery.

Ce code créera une fonction qui s'exécutera automatiquement une fois la page chargée. Ensuite, vous définissez un gestionnaire de clic pour le bouton avec l'ID HTML "myButton", qui exécute une fonction lorsque vous cliquez dessus. La fonction remplace le code HTML contenu dans la DIV par l'id "test".

Étape 6

Téléchargez la page sur votre serveur Web, puis ouvrez-la dans un navigateur. Cliquez sur le bouton et vous verrez que le contenu de la DIV change instantanément au fur et à mesure de l'exécution du gestionnaire de clics.