Comment remplacer le HTML en utilisant div jquery

Instructions

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

2. Ajouter la bibliothèque jQuery à la page en ajoutant le code pertinent entre le HTML """"Balises. Par exemple:

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

3. 
   
   
   
   

   Tapez le code ci-dessous pour ajouter un div HTML à la page avec un certain exemple de texte. Cela devrait être ajouté entre le HTML """"Tags.

   Ceci est un exemple

4. 
   
   

   Ajouter un bouton de HTML à la page en utilisant le code suivant, qui devrait être ajouté ci-dessous l'exemple div. Le bouton n'a pas d'action est défini actuellement, comme vous allez ajouter le gestionnaire de clic grâce à jQuery.

5. Ajoutez le code suivant entre le HTML """"Balises sous la"

   Ce code crée une fonction qui va exécuter automatiquement une fois la page chargée. Vous définissez ensuite un gestionnaire de clic pour le bouton avec l'id HTML "myButton», qui exécute une fonction quand il est cliqué. La fonction remplace le code HTML contenu dans le div avec l'id "test".

6. Télécharger la page sur votre serveur Web, puis ouvrez la page dans un navigateur. Cliquez sur le bouton et vous verrez le contenu du changement div instantanément que le gestionnaire de clic fonctionne.